⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.171
Server IP:
157.245.101.34
Server:
Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software:
Apache/2.4.41 (Ubuntu)
PHP Version:
7.4.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
skvcomputers.com
/
rtl
/
sass
/
homepage
/
home7
/
View File Name :
_module.scss
/************************************************************************************************ MODULE HOME SLIDER *************************************************************************************************/ #so-slideshow{ .owl2-controls .owl2-nav{ div{ position: absolute; margin: 0; top:50%; @include transform(translateY(-50%)); outline: 0; width: 36px; height: 36px; font-size: 0; z-index: 9; transition: all 0.3s ease; &.owl2-prev{ left: 0px;background: #444 url("#{$base-url-theme}/icons/arrow-slider-left.png") no-repeat center; border: none; &:hover{ background-color: $background } &:before, &:after{ display: none; } } &.owl2-next{ right: 0px; background: #444 url("#{$base-url-theme}/icons/arrow-slider-right.png") no-repeat center;border: none; &:hover{ background-color: $background } &:before, &:after{ display: none; } } } } .owl2-dots{ position: absolute; bottom:8px; width: 100%; text-align: center; .owl2-dot{ display: inline-block; span{ width: 10px; height:10px; background-color: #b4b4b4; border:1px solid transparent; margin:0 2px; opacity: 1; display: block;border-radius: 50%; -webkit-border-radius: 50% } &.active span, &:hover span{background-color: $background; border:1px solid #fff;} } } .owl2-item{ &.active{ .sohomeslider-description{ .image{ opacity: 1; animation: myeffect-slideshow 2s ease-in-out ; -webkit-animation: myeffect-slideshow 2s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 2s ease-in-out ; -o-animation: myeffect-slideshow 2s ease-in-out ; -ms-animation: myeffect-slideshow 2s ease-in-out ; } h3.tilte{ opacity: 1; animation: myeffect-slideshow 1.5s ease-in-out ; -webkit-animation: myeffect-slideshow 1.5s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 1.5s ease-in-out ; -o-animation: myeffect-slideshow 1.5s ease-in-out ; -ms-animation: myeffect-slideshow 1.5s ease-in-out ; } h4{ opacity: 1; animation: myeffect-slideshow 1s ease-in-out ; -webkit-animation: myeffect-slideshow 1s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 1s ease-in-out ; -o-animation: myeffect-slideshow 1s ease-in-out ; } .des{ opacity: 1; animation: myeffect-slideshow 0.8s ease-in-out ; -webkit-animation: myeffect-slideshow 0.8s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 0.8s ease-in-out ; -o-animation: myeffect-slideshow 0.8s ease-in-out ; } } } } .sohomeslider-description{ position: static; padding: 0; p{width: 100%;color: #fff;font-size: 14px;padding: 0;padding: 0;margin: 0;} .image{ position: absolute; width: auto; opacity: 0; top: 50px; &.pos-right{ right: 70px; } &.pos-left{ left: 70px; } &.image-sl12{ left: 35px; } } .text{ position: absolute; top: 50%; @include transform(translateY(-50%)); h3.tilte, h4, .des{ opacity: 0; } &.pos-right{ right: 70px; } &.pos-left{ left: 70px; } .modtitle-sl11{ font-size: 55px; font-weight: bold; color: #fff; } &.text-sl11{ top: 75%; text-align: center; } &.text-sl12{ text-transform: uppercase; h3.tilte{ font-size: 30px; color: #444; font-weight: 700; margin: 0; } h4{ font-size: 84px; color: $linkColor; font-weight: 700; margin: 0; } .des{font-size: 27px;color: #444;} } &.text-sl13{ h3.tilte { font-size: 26px; font-weight: 700; color: #fff; } h4{ font-size: 80px; font-weight: 700; color: $linkColor; } } } } } /************************************************************************************************ VERTICAL MENU *************************************************************************************************/ .megamenu-style-dev{ .navbar-default{ background: transparent; } .container-megamenu.vertical{ .vertical-wrapper{ border-width: 0 1px 1px 1px; border-color: #ddd; border-style: solid; position: relative!important; ul.megamenu > li{ background: #fff; &:hover{ background: #eee; } } ul.megamenu > li.active > a, ul.megamenu > li:hover > a{ color: $linkColor; background: transparent!important; strong{font-weight: bold;} } ul.megamenu > li > a{ font-size: 12px; color: #444; background: #fff; padding: side-values(9px 15px 9px 12px); @include transition(all .2s ease 0s); strong{ font-weight: normal; @include transition(all .2s ease 0s);} } ul.megamenu{ z-index: 98; position: relative; } ul.megamenu > li{ &.loadmore{ border-top: 1px solid #ddd; color: #444; padding: 14px 10px; .more-view{ color: #444; } } } } } } /************************************************************************************************ EXTRA SLIDER *************************************************************************************************/ .module.best-seller{ .so-extraslider .item{ .item-wrap.style1{ border-color: #ddd; } } .so-extraslider .extraslider-inner{ border-color: #ddd; margin-top: 30px; } .so-extraslider .extraslider-inner .item-wrap-inner{ margin: 15px 0 10px; } .so-extraslider .owl2-controls{ margin: 0; top: -63px; .owl2-nav div{ display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; z-index: 501; cursor: pointer; background-color: #fff; border: 1px solid #ddd; opacity: 1; font-weight: normal; text-align: center; margin: 0 2px; position: static; &.owl2-prev{right: 30px; &:before{content: "\f104"; line-height: 22px; font-size: 17px;} } &.owl2-next{ right: 0; &:before{content: "\f105"; line-height: 22px; font-size: 17px; } } &:hover{background-color: $background; border-color: $linkColor; color: #fff;} } } } /************************************************************************************************ MODULE DEALS *************************************************************************************************/ .module.so-deals{clear: both; position: relative; @media (min-width: 1200px) { min-height: 400px; } h3.modtitle{ border-color: #ea3a3c; span{background: url("#{$base-url-theme}icons/deal-icon.png") no-repeat; background-position: 35px center; background-color: #ea3a3c; padding-#{$left}: 60px; &:before{display: none;} @include if-rtl { background-position: 110px center; } } &:before{content: ""; width: 0;height: 0;position: absolute;top: 0;z-index: 9; border-bottom: 20px solid darken(#ea3a3c, 10%); background: #fff; border-#{$left}: 20px solid transparent; #{$left}: 0;} } div.products-list .product-layout .product-item-container {margin: 0; .button-group button.wishlist{margin: 0;} .right-block{width: 100%;margin-top: 5px; .caption{margin: 0; .rating{display: inline-block; width: 100%; margin: 5px 0 0 ;} .price{margin: 0;} } } .button-group{margin: 0;position: relative;z-index: 9;} .item-time {position: inherit; float: left; width: 100%; bottom: 0; padding-top: 10px; left:0; right: 0; .item-timer .time-item {padding: 1px 0; background: #999;border: none; width: 23.5%; display: inline-block; text-align: center; margin-right: 2px; .num-time {font-size: 14px;color: #fff;margin: 0;border: none;height: 18px;line-height: 20px; font-weight: bold;} .name-time {font-size: 10px;color: #fff; margin: 0; height: 20px;line-height: 20px; text-transform: uppercase;} } } &:hover { .item-time .item-timer .time-item{background-color: $background;} } } .so-deal{margin: 0; .extraslider-inner{border: 0; margin-top: 30px; padding-bottom: 0; overflow: visible;} .owl2-controls{margin: 0;} .owl2-nav{ div{display: inline-block; width: 36px; height: 36px; background-color: #fff; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; opacity: 1; text-align: center; position: absolute; top: inherit; bottom: 43%; margin-top: -85px; z-index: 501;@include transition(.2s); cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; transform: scale(0); &.owl2-prev {left: -17px; &:before{content: "\f104"; line-height: 35px; padding: 10px; font-size: 28px;} } &.owl2-next{ right: -17px; &:before{content: "\f105"; line-height: 35px; padding: 10px; font-size: 28px; } } &:hover{background-color: $background; border-color: $linkColor; color: #fff;} } } &:hover{ .owl2-nav div{transform: scale(1);} } } } /************************************************************************************************ HTML BANNER-1 HOME PAGE *************************************************************************************************/ .static-home-2{display: inline-block; width: 100%; .col-s{float: $left; a{display: block; clear: both; position: relative; img{width: 100%;} } &.col-s-1{width: 25.64%; } &.col-s-2{width: 34.188%;} &.col-s-3{width: 17.09%;} &.col-s-4{width: 23.082%;} } } /************************************************************************************************ SHORT CODE SERVICES *************************************************************************************************/ .list-services{display: block;overflow: hidden; li{ a{border: 3px solid #ddd; display: block; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; &:hover{border-color: $linkColor;} } } } /************************************************************************************************ MODULE LASTET BLOG *************************************************************************************************/ div.so-latest-blog.module{clear: inherit; h3.modtitle{border: 0; margin-bottom: 0; margin-top: 12px; &:before{ display: none; } span{background: transparent;color: #222; font-size: 18px;text-transform: uppercase; padding: 0; line-height: inherit; font-weight: bold; &:before{display: none;} } } .blog-external-simple{ margin: 0; .media-body{ padding: 0; } .head-button{ margin: 0; border: 0; } .media{ margin: 0 0 20px; .media-date-added{color: #666; width: 70px;height: 70px;float: $left;background-color: #eeeeee;font-size:14px; text-align: center; text-transform: uppercase; padding-top: 12px; margin-#{$right}: 20px; span{font-weight: bold;color: #222;} } .item .media-body { .media-heading{ a{color: #444; font-size: 14px; font-weight: bold; &:hover{color: $linkColor;} } } .description{margin-bottom: 0; font-size: 12px; line-height: 19px;overflow: hidden;} } &:last-child{ margin: 0; } } } } /************************************************************************************************ DEFFAULT BESTSELLER HOME *************************************************************************************************/ .bestseller{clear: inherit; h3{ font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 12px;color: #222; text-transform: uppercase;} .description, .button-group{display: none;} .product-layout {margin-bottom: 15px; display: inline-block; width: 100%; &:last-child{ margin-bottom: 0; } .image{float: $left; border: 1px solid #eee; width: 70px; padding: 10px; margin-#{$right}: 20px; &:hover{border-color: $linkColor;} } .caption{float: $left; display: block; margin-top: -5px; h4{margin: 0 0 2px; a{ font-size: 14px; font-weight: bold; color: #444; &:hover{color: $linkColor;} } } .ratings{ margin-top: -5px; margin-bottom: 6px; } .price{ margin-bottom: 0; } } .price .price-new, .price span.price{font-size: 16px;} } } /************************************************************************************************ TESTIMONIAL *************************************************************************************************/ .testimonial { .clients_say{ position: relative; top:0; padding: 25px 20px 20px; background-color: #eee; } .owl-carousel{background: none;} .block-title{position: relative; h3{font-size: 18px; font-weight: bold; margin:0; text-transform: uppercase; margin-bottom: 18px;color: #222;} } .image{float: $left; width: 65px; background-color: #eee; img{width: 65px; height: 65px; border-radius: 4px; &:hover{opacity: 0.8;} } } .block_content{background-color: #eee; margin: 0!important; padding: 0!important;} .block-info { font-style: italic; position: relative; top: -4px; background-color: #eee; text-align: $left!important; margin-#{$left}: 80px; .author {padding: 17px 0px 0;font-size: 15px; font-weight: 600;margin-top: -3px; font-style: normal; color: #e74c3c; margin-bottom: 0; } .text{ color: #444; } } .extraslider-inner, .item-wrap-inner{ overflow: visible; } .owl2-controls {position: absolute; top: -40px; #{$right}: -3px; .owl2-dots{display: none !important;} .owl2-nav{ float: $right; div{ transform: translateY(0%); width: auto; font-size: 0; font-weight: bold;position: static; padding: 5px; cursor: pointer; display: inline;background: none; &.owl2-prev:before{content: "\f104"; font-family: FontAwesome; font-size: 20px;} &.owl2-next:before{content: "\f105"; font-family: FontAwesome; font-size: 20px;} &:hover{background-color: transparent !important; color: $linkColor;} } } } } /************************************************************************************************ OUR BRAND *************************************************************************************************/ .module.so-manu-slider{display: inline-block; width: 100%; border: 1px solid #ddd; padding: 0 18px; border-bottom: none; h3.modtitle:before{ display: none; } h3.modtitle{margin: side-values(-5px -19px 0px -19px); a.view-all-brand{display: inline-block; float: $right;margin: side-values(15px 11px 0px 0px); font-size: 12px; text-transform: capitalize; font-weight: normal; @include if-ltr { &:after{content: "\f0da";font-family: FontAwesome; font-size: 12px; margin-left: 5px;} } @include if-rtl { &:before{content: "\f0d9";font-family: FontAwesome; font-size: 12px; margin-right: 5px;} } } } .wrap_manu_slider{padding: 20px 0 0;float: left;} .manu-slider-inner{margin: side-values(-20px -19px -21px -18px); .item{width: 50%; float: $left; border-bottom: 1px solid #ddd; border-#{$right}: 1px solid #ddd; img:hover{opacity: 0.8;} } } } .brand_custom{ overflow: visible; } /************************************************************************************************ SHORTCODE TESTIMONEL *************************************************************************************************/ .module.block-clients-say{ .owl2-carousel .owl2-stage-outer{ direction: ltr;} div.clients_say { display: inline-block; width: 100%; padding-left: 18px; padding-right: 18px; margin-bottom: 4px; border: 1px solid #ddd; .modtitle{ margin: side-values(-5px -19px 0px -19px); } .block_content { padding: 26px 0; .text { line-height: 20px; font-style: italic; color: #222;} .info { overflow: hidden; margin-top: 25px; padding-bottom: 5px; .image{ float: $left; margin-#{$right}: 10px; img:hover{opacity: 0.8;} } .author {font-size: 15px; font-weight: 700;margin-top: 10px;color: $linkColor;} } } .owl2-controls { .owl2-dots{ background-color: #eeeeee; margin: 0px -18px 0; padding: 5px 0px; position: relative; text-align: center; .owl2-dot.active { background-color: #999999; border: 1px solid #fff; } .owl2-dot { width: 10px; height: 10px; border: 1px solid #eeeeee; background-color: #bbbbbb; margin: 0 2px; display: inline-block; border-radius: 50%; } } .owl2-nav{ display: none !important; div{font-size: 0;line-height: 25px; font-weight: bold;position: static; padding: 5px; cursor: pointer; display: inline;background: none;color: #999; &.owl2-prev:before{content: "\f104"; font-family: FontAwesome; font-size: 28px; font-weight: normal;} &.owl2-next:before{content: "\f105"; font-family: FontAwesome; font-size: 28px; font-weight: normal;} &:hover{background-color: transparent !important; color: $linkColor;} } } } } } /************************************************************************************************ SHORTCODE ACCORDION *************************************************************************************************/ .fqas{display: inline-block; width: 100%; padding-left: 18px; padding-right: 18px; border: 1px solid #ddd; h3.modtitle{ margin: 0px -19px 0px -19px!important; border-width: 0 0 1px 0 !important; span{text-transform: none;} &:before{ display: none;} } } .accordion, .accordion * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .accordion { overflow:hidden; margin: 0 -18px; background:#fff; } .accordion-section{border-bottom: 1px solid #ddd; &:last-child{border-bottom: none;} } .accordion-section-title { font-size: 12px; font-weight: bold; position: relative; line-height: 38px; padding: side-values(0 0 0 47px); display: inline-block; width: 100%; cursor: pointer; &:before{content: ""; display: inline-block; width: 17px; height: 17px; position: absolute; left: 19px; top: 11px; background: url("#{$base-url-theme}icons/show-c.png") no-repeat top $left #999999;} &.active:before{background-position: $left bottom;} } .accordion-section-title.active, .accordion-section-content.open{background: #eeeeee;} .accordion-section-content { padding: side-values(0 10px 10px 47px); display:none; &.open{ display: block; } } /************************************************************************************************ MODULE CATEGORIES SLIDE *************************************************************************************************/ div.container-slider{display: inline-block; width: 100%; margin-bottom: 30px;overflow: visible; .item-sub-cat{ width: 20%; @include if-rtl { float: right; } } .so-category-slider{ width: 80% } @media (min-width: 1200px) { .show.preset01-4 .item-sub-cat{ width: 20%; } .show.preset01-4 .slider{ width: 80% } } &.item1{margin-bottom: 30px; .page-top h3.modtitle {border-color: #fe5621; span{background: url("#{$base-url-theme}icons/electronic_icon.png") no-repeat; background-position: 35px center; background-color: #fe5621; @include if-rtl { background-position: 160px center; } } &:before{border-bottom: 20px solid darken(#fe5621, 10%);} } } &.item2{margin-bottom: 30px; .page-top h3.modtitle{ span{background: url("#{$base-url-theme}icons/mobile_icon.png") no-repeat; background-position: 35px center; background-color: $background; @include if-rtl { background-position: 130px center; } } &:before{border-bottom: 20px solid darken($background, 10%);} } } &.item3{ .page-top h3.modtitle{border-color: #4bae4f; span{background: url("#{$base-url-theme}icons/computer_icon.png") no-repeat; background-position: 35px center; background-color: #4bae4f; @include if-rtl { background-position: 110px center; } } &:before{border-bottom: 20px solid darken(#4bae4f, 10%);} } } .page-top h3.modtitle{ span{ padding-#{$left}: 60px; &:before{display: none;} } &:before{content: ""; width: 0;height: 0;position: absolute;top: 0; z-index: 9; border-#{$left}: 20px solid transparent; background: #fff; #{$left}: 0;} } .item-cat-image a{position: relative; display: block; &:before{position: absolute; background: rgba(0,0,0,0.3); width: 0; top: 0; content: ""; transition: all 0.3s ease-in-out 0s; #{$left}: 50%;} &:hover{ &:before{width: 100%;top: 0;height: 100%; #{$left}:0;} } } .categoryslider-content{overflow: visible; border: 1px solid #ddd; margin-top: 30px; margin-bottom: 0;} .item-cat-image{margin-top: -1px;} .show.preset01-4{ .slider{float: $right; border-#{$left}: 1px solid #ddd; margin-#{$right}: -1px; .item{margin: 0; background-size: auto;} } .item-sub-cat { min-height: 290px; ul{margin: 0; padding: 8px 10px;} ul li{ display:block; margin-bottom: 7px; a{line-height: 22px; display: inline-block; padding: 0; padding-#{$left}: 20px; &:before{content: "\f0da"; font-family: fontawesome; background: transparent; position: static; margin-#{$right}: 3px;} &:hover{color: $linkColor; font-weight: normal;} } } &:hover:before{opacity: 0.8;} } } .products-list.grid .product-layout{overflow: visible; position: static;} .products-list.grid .product-layout .product-item-container{margin: 0; border: 1px solid transparent;padding-bottom: 0; .product-image-container{overflow: visible;} .right-block{margin-top: 10px;} .caption h4 a{font-size: 16px; font-weight: normal;} .rating{margin-bottom: 10px;} } .show .slider:before{display: none;} .owl2-controls{margin: 0; position: absolute; top: -64px; #{$right}: 0;} .owl2-controls .owl2-nav{margin: 0 -3px; div{ display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; position: static; z-index: 501; @include transition(.2s); cursor: pointer; background-color: #fff; border: 1px solid #ddd; opacity: 1; margin: 0 3px; line-height: 24px; font-weight: normal; text-align: center; &.owl2-prev { right: 30px; &:before{content: "\f104"; line-height: 22px; font-size: 17px;} @include if-rtl { float: left; } } &.owl2-next{ right: 0; &:before{content: "\f105"; line-height: 22px; font-size: 17px; } } &:hover{background-color: $background1; border-color: $linkColor; color: #fff;} } } } /************************************************************************************************ BRAND *************************************************************************************************/ .block-brand{ border: 1px solid #ddd; padding: 15px; width: 100%; display: inline-block; .item img:hover{opacity: 0.8;} .owl2-carousel .owl2-item img{ width: auto; } .owl2-nav div{display: inline-block; width: 36px; height: 36px; background-color: #fff; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; opacity: 1; text-align: center; position: absolute; top: 50%; margin-top: -18px; z-index: 501;@include transition(.2s); cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; &.owl2-prev{left: -33px; &:before{content: "\f104"; line-height: 35px; padding: 10px; font-size: 28px;} } &.owl2-next{ right: -33px; &:before{content: "\f105"; line-height: 35px; padding: 10px; font-size: 28px; } } &:hover{background-color: $background; border-color: $linkColor; color: #fff;} } }