/* fonts */ @primary-font : "Open Sans"; /* colors */ @body-background-color : #fbfbfb; @menu-background-color : #54555e; @menu-background-color-rgba : rgba(84, 85, 94, 0.3); @footer-background-color : #54555e; @primary-color : #1e9d19; @primary-color-light : #77c726; @primary-color-dark : #e85d05; @secondary-color : #494949; @secondary-color-light : #2674b9; @secondary-color-dark : #064a86; @menu-color : #FFFFFF; @menu-hover-color : #dedede; @menu-dropdown-color : #54555e; @secondary-menu-color : #54555e; @secondary-menu-hover-color : #2d2e33; @footer-menu-color : #FFFFFF; @footer-menu-hover-color : #dedede; @primary-text-color : #54555e; @primary-link-color : #54555e; @primary-link-hover-color : #ff7116; @primary-border-color : #CCCCCC; @secondary-border-color : #dadada; @title-border-color : #efefef; @dropdown-background-color : #FFFFFF; @showcase-background-color : #2070b7; @page-background-color : #f8f8f8; @page-border-color : #959595; @button-background-color : #333333; @white : #FFF; @black : #272727; @red : #f50b0b; /* product alert */ .red-alert{background-color : #e05151;} .green-alert{background-color : #4bb7a7;} /* functions */ .radius(@radius: 3px){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .transition(@type, @time){ transition-property: @type; transition-duration:@time; } .rotate(@degree){ -ms-transform: rotate(@degree); -webkit-transform: rotate(@degree); transform: rotate(@degree); } .skew(@degree){ -webkit-transform: skew(@degree); -moz-transform: skew(@degree); -o-transform: skew(@degree); } /* general definitions */ body{font-family: @primary-font; color: @primary-text-color;} a{text-decoration: none !important; .transition(color, 0.4s); color: @primary-link-color; &:hover{color: @secondary-color-dark;}} .no-padding{padding: 0; margin: 0;} .no-margin{margin: 0 !important;} .checkbox{margin-top: 0px;} .margint10{margin-top: 10px;} .form-control:focus{border-color: @menu-background-color-rgba; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @menu-background-color-rgba; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @menu-background-color-rgba;} .display-none{display: none;} .mini-select{height: 30px; padding: 2px 8px; font-size: 13px;} [role=button]{cursor:pointer} .container{width: 1280px;} .btn-primary-color{background-color: @primary-color; color: @white;} .btn-secondary-color{background-color: @secondary-color; color: @white;} .p-relative{position: relative;} .col-md-2-4{float: left; width: 20%;} .text-red{color: red;} .kdvHaric { display:block; font-size:12pt; color:#999; } .homePage { position:absolute!important; left:15px; bottom:15px; } .homePage a { color:#fff; font-size:20pt } a.sepetSatirDuzenle {font-size:12px!important;font-weight:bold;} a.sepetSil {font-size:12px!important;padding:0px 30px;font-weight:bold;} header.sticky{position: fixed; z-index: 20; width: 100%; top: 0px; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); } /* strike */ .strike{position: relative;} .strike:before{border-bottom: 1px solid red; position: absolute; content: ""; width: 100%; height: 55%;} /* table cell */ .display-table{display: table;} .display-table-cell{display: table-cell; vertical-align: middle; float: none;} /* scroll top */ #scrollTop{position: fixed; bottom: 0px; left: 5px; background-color: @primary-color; color: #FFF; padding: 0px 10px 0px 10px; font-size: 25px; font-weight: bold; cursor: pointer; z-index: 50; display: none;} /* warning */ #warning{float: left; width: 100%; position: fixed; margin-top: 80px; z-index: 99999; text-align: center;} #warning .warning{background-color: @menu-background-color; display: none; padding: 7px; padding-left: 20px; padding-right: 20px; color: #FFF; font-size: 16px; font-weight: bold; border-radius: 3px; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85); -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85); box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85);} #warning .warning i{margin-left: 10px; font-weight: bold; font-size: 19px; cursor: pointer;} /* warning alert */ .warning{color: #d00101; font-size: 13px; padding-top: 2px;} /* alert tanımlamaları */ .sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.6);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family: 'Open Sans';width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:25px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:20px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert button{background-color:#AEDEF4;color:#fff; font-family: inherit; border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate} /* styles */ header{ .head-lines{ .campaign{font-size: 13px; font-weight: 600; padding-top: 9px;} .head-menus{margin-top: 10px; padding: 1px; color: @white; padding-right: 20px; line-height: 20px; .links{padding-top: 6px; color: #bc8f49;} a{color: @secondary-color-light; font-size: 13px; font-weight: 600; padding: 0px 4px 0px 4px; text-transform: uppercase; &.favorites{color: #bc8f49; padding-right: 25px; i{font-size: 20px; float: left; margin: 0px 4px 2px 2px; font-weight: bold;} } } } } .head-content{padding: 15px 0px 15px 0px; .logo{margin-top: 0px;} .customer-service{padding: 30px 0px 0px 0px; margin-left: 70px; margin-right: 15px; width: 15%; img{margin: -1px 3px 0px 0px;} span{float: left; color: @black; font-weight: 600; font-size: 13px; padding-left: 30px;} } .search{padding-left: 0px; .search-box{position: relative; margin-top: 16px; padding-left: 0px; input[type=text]{height: 41px; padding-left: 20px; font-size: 12px; border: 1px solid #d9d9d9; border-radius: 7px;} span{position: absolute; right: 12px; top: -1px; cursor: pointer;} img{margin: 2px 3px 0px 0px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} } } .basket{margin-top: 15px; .basket-icon{position: relative; width: 36px; height: 37px; margin: 6px 0px 0px 0px;} .text{margin-top: 10px; margin-left: 18px; font-weight: 600; font-size: 14px; color: @white;} .quantity{font-weight: 600; text-align: center; min-width: 20px; border-radius: 50%; margin: 0px 0px 0px -10px; z-index: 99; position: relative; font-size: 14px; color: @white; background-color: @secondary-color-dark;} } .fixed-buttons{position: fixed; z-index: 5; margin: 350px 0px 0px -235px; .rotate(-90deg); a{color: @white !important; float: left; padding: 14px 15px 14px 15px; margin-left: 15px; font-size: 14px; /* .rotate(-90deg); */ .transition(all, 0.2s); img{.rotate(90deg);} &:nth-child(2){} &:hover{background-color: @button-background-color;} } } } .main-menu{padding: 0px 35px 0px 35px; background-color: @primary-color; height: 65px; .home-icon{margin: 9px 0px 0px 0px;} ul{margin-bottom: 0px;} ul li{position: relative; padding: 13px 0px 0px 0px; display: inline-block; height: 65px; a{color: @menu-color; padding: 0px 20px 0px 20px; font-size: 14px; font-weight: 600; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); border-right: 1px solid #FFF; &:hover{color: @menu-hover-color;} } .dropdown-submenu{text-align: left; width: 300px; padding: 15px; height: auto; position: absolute; background-color: @dropdown-background-color; z-index: 999999; top: 65px; left: -8px; .transition(display, 0.2s); display: none; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); .list{/*padding-right: 40px;*/padding-right:0px;} ul{padding: 0px;} ul li{float: left; width: 100%; border-bottom: 1px solid #ddd5c4; margin: 0px !important; padding: 0px; margin-bottom: 19px; text-align: left; height: auto; padding-left: 0px; &:hover {background-color:#1e9d19; a{color: #fff;} } a{float: left; font-weight: normal; color: #696969; font-weight: bold; font-size: 13px; padding: 10px 5px; border: 0px; width: 100%; &:hover{color: @menu-hover-color; color: #fff;} } } } &:nth-last-child(1), &:nth-last-child(2){ a{border: 0px;} } /*&:nth-last-child(1), &:nth-last-child(2), &:nth-last-child(3){ .dropdown-submenu{left: auto; right: -8px;} }*/ &.opportunity{background-color: @primary-color; margin-top: -2px; float: right; padding: 8px;} &.gallery{background-color: @secondary-color-light; margin-right: 15px; .dropdown-submenu{width: 300px; left: -45px; top: 65px; .list{padding-right: 0px; a{transition: all 0.2s; &:hover{padding-right: 10px;} } } } .triangle{position: absolute; left: -18px; top: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 65px 18px; border-color: transparent transparent @secondary-color-light transparent;} } } ul li:hover{ .dropdown-submenu{display: inline;} } } } .headerTopWelcome {position:relative;top:-10px;} main{ .slider-fluid{padding: 0px 30px; .sliders{margin-top: 3px; padding: 0px 0px 0px 0px; #slider .carousel-indicators{ li{border: none; background: @black; border-radius: 0; width: 30px; height: 8px; padding: 0; margin: 0px 2px; &.active{background: @primary-color-light;} img{border-right: 1px solid @white;} } } } .banners{margin-top: 0px; margin-left: -10px; padding-left: 0px; img{margin-top: 3px; padding-left: 0px; margin-bottom: 2px;} } } .banners{margin-top: 0px; margin-left: -10px; padding-left: 25px; padding-right: 25px; img{margin-bottom: 6px; padding-left: 0px;} } .showcase-fluid{padding: 0px 45px; .showcase-pages{background-color: @showcase-background-color; text-align: center; padding: 12px 0px 0px 0px; .showcase-page{display: none; width: 18.5%; padding: 0px 0px 0px 0px; margin: 0px 6px 0px 6px; .page-inner{ .text{border-right: 1px solid #11548f; max-height: 30px; margin-top: 8px; padding-left: 15px; .page-title{color: @white; font-weight: 700; font-size: 15px; text-align: left; margin-top: -5px;} .page-desc{color: @white; font-size: 13px; text-align: left;} } } &:hover{ .icon img{transform: scale(1.1); .transition(all, 0.2s);} } &:nth-child(-n+5){display: inline-block;} &.phone{ .text{padding-top: 0px; .page-title{font-size: 14px !important;} .page-desc{font-weight: 700; font-size: 17px !important;} } .icon{} } &:nth-last-child(1){ .text{border: 0px;} } } } } .border-line{background-color: @primary-color; margin-top: 3px;} .banners{margin-top: 10px; .head-banners{margin-top: 7px; img{max-width: 100%;} } .list-banners{ .banner{max-width: 100%;} } } .sub-categories{border-bottom: 1px solid @primary-border-color; padding: 10px; a{padding: 0px; margin: 3px 0px 3px 0px; font-size: 15px;} } .showcase{margin-top: 12px; .carousels{background-color: @showcase-background-color; padding: 12px 0px 10px 0px;} .carousels-tab{padding: 0px 0px 0px 0px; margin-top: 20px; padding-left: 10px; span.tab{background-color: @primary-color; color: @white; font-size: 16px; font-weight: 700; padding: 5px 15px 5px 15px; padding-right: 60px; &.active{background-color: @white; color: @primary-color;} .text-tab{float: left; margin-top: 3px; padding-left: 8px;} img{float: left;} &:nth-child(2){.skew(45deg); margin-left: -40px; padding-right: 35px; padding-left: 20px; .text-tab, img{.skew(-45deg);} } } } .boxes{ .box{ .box-title{font-size: 15px; font-weight: 600; margin-bottom: 5px;} .secondary-menu{ .secondary-menu-item{color: @secondary-menu-color; border-bottom: 1px solid @primary-border-color; padding: 8px 0px 8px 3px; &:hover{color: @secondary-menu-hover-color;}} } } .banners{margin-top: 10px; img{margin-bottom: 10px;} } .filters{ .filter{padding-bottom: 6px; margin-bottom: 12px; border-bottom: 1px solid #EAEAEA; .filter-controls{margin-bottom: 7px; .filter-title{font-weight: bold; font-size: 14px;} .filter-arrow{margin-top: 5px;} } .options{ label{display: none;} label .option .text{font-weight: normal; font-size: 14px; padding-left: 5px;} label .option .quantity{font-weight: normal; font-size: 13px;} label:nth-child(-n+5){display: inline;} .see-all{font-size: 13px; margin-top: 5px; i{font-weight: bold; margin-right: 4px;} } } input[type=text].text{border: 0px; width: 35px; font-size: 13px; font-weight: 700;} .price-type{font-size: 13px; font-weight: 700; margin-top: 1px;} } .closed{ .options{display: none;} } .category-navigation{border-bottom: 1px solid #EAEAEA; padding-bottom: 10px; margin-bottom: 10px; margin-top: 5px; .categories{padding-left: 0px;} } } } .showcase-products{padding-left: 0px; margin-bottom: 20px; .product-sort{text-align: right; a{font-weight: bold; padding: 0px 0px 0px 25px; &.selected{color: @primary-color;} } } .product-title{font-size: 18px; padding-top: 14px; padding-bottom: 5px; color: @primary-text-color; font-weight: 700; text-align: center; .title{display: inline-block; background-color: @white; padding: 0px 55px 0px 55px;} .border{position: relative; z-index: -1; background-color: @primary-border-color; height: 1px; margin-top: -10px;} } .product-navigation{font-size: 14px; padding-top: 0px; padding-left: 5px; text-align: left !important; a{padding: 0px 5px 0px 5px;} } .product-order{height: 28px; font-size: 13px; padding-right: 10px; .form-group .form-control{margin-top: -5px;} .compare-product{border-bottom: 1px solid #54555e; padding-bottom: 2px; font-weight: bold;} } .products{margin-top: 0px; padding: 0px 5px; .product{position: relative; margin-bottom: 0px; padding: 10px 10px 10px 10px; min-height: 490px; .product-inner{border: 1px solid @primary-border-color; padding: 10px 0px 10px 0px; .transition(border-color, 0.4s); border-radius: 3px; .new-tag{position: absolute; z-index: 5; top: 13px; left: 8px; span{background-color: rgba(122, 182, 61, 0.9); font-size: 12px; font-weight: 700; padding: 4px 15px 4px 15px; color: @white;.transition(all, 0.2s);} } .code-tag{position: absolute; z-index: 5; top: 13px; right: 8px; span{background-color: rgba(32, 112, 183, 0.9); font-size: 12px; font-weight: 700; padding: 4px 15px 4px 15px; color: @white;.transition(all, 0.2s);} } .disc-tag{font-size: 13px; color: @white; font-weight: 700; color: @secondary-color; text-align: left; padding-left: 15px; margin-top: 10px; span{font-size: 18px; color: @primary-color; margin-right: 3px;} } .image{ img{max-width: 80%;} } .title{margin-top: 10px; height: 40px; overflow: hidden; padding: 0px 5px; a{font-size: 14px; font-weight: 700; color: @black;} } .title-carousel{ min-height: 60px; } .price{height: 30px; .old{font-size: 15px; opacity: 0.9; text-decoration: line-through; font-weight: 700; min-height: 21px;} .new{font-size: 19px; color: @secondary-color-dark; font-weight: 700; float: right;} .tax{font-size: 11px;} } .basket-buttons{margin-top: 17px;} .buttons{margin-top: 10px; height: 45px; a{color: @primary-text-color !important; padding: 8px 15px; font-size: 13px; font-weight: 700; color: @black; float: right; margin-right: 10px; span{color: @primary-text-color; margin-left: 5px;} i{color: @primary-text-color;} } } &:hover{ border-color: @primary-color; } } } .product-carousel{min-height: auto; margin-bottom: 10px; .product-inner{background-color: @white; border: 0px; .title{margin-top: 0px; height: 43px;} .disc-tag{} .title{margin-bottom: 5px; a{font-size: 13px;} } .price{margin-top: 5px; .old{font-size: 15px; padding-top: 2px; padding-right: 10px; opacity: 0.9; text-decoration: line-through;} .new{font-size: 18px; color: @secondary-color-dark; padding-left: 10px;} .tax{font-size: 9px;} } .link{background-color: @primary-color-light; color: @white; font-size: 13px; font-weight: 700; padding: 4px 10px;} } } .owl-buttons{background-color: transparent; div{background-color: @secondary-color;bottom:0px;} } } .list-products{ .product{min-height: 400px; .price{ .new{font-size: 15px !important; padding-top: 3px;} } .buttons{ span{display: none;} } } } .pagination{ .btn-pagination{border-radius: 0px; color: @primary-text-color; font-weight: 700; font-size: 17px;} .btn-pagination-active{background-color: @primary-color; color: @white; border-radius: 0px;} } } .showcase-pages{background-color: @showcase-background-color; border-top: 1px solid @primary-color; text-align: center; .showcase-page{display: none; width: 18.5%; padding: 13px 0px 8px 0px; margin: 0px 7px 0px 7px; .page-inner{background-color: @page-background-color; border: 1px solid @page-border-color; padding: 15px 2px; .text{ .page-title{color: @primary-color; font-weight: 700; font-size: 15px; text-align: left; padding-left: 10px;} .page-desc{font-size: 13px; font-weight: 700; text-align: left; padding-left: 10px;} } } &:hover{ .icon img{transform: scale(1.1); .transition(all, 0.2s);} } &:nth-child(-n+5){display: inline-block;} } } .showcase-banners{margin: 15px 0px 10px 0px;} } .product-detail{ .gray-desc{background-color: #f7f7f7; padding: 50px 0px; opacity: 0.85; margin: 5px 0px; .title{font-size: 20px; margin: 10px 0px 0px 0px; font-weight: 700;} .desc{font-size: 14px; line-height: 26px; margin: 15px 0px 0px 0px; font-weight: 400;} } .detail{padding: 0px 0px 15px 0px;} .product-title{font-size: 13px; font-weight: 600; margin: 20px 0px 10px 0px; padding-bottom: 10px; a{padding: 0px 5px 0px 5px; font-size: 16px; font-weight: 700; i{padding-left: 10px;} &:nth-child(1){display: none;} } } .code-tag{margin-top: 12px;} .photos{ .big-photos{border: 1px solid @secondary-border-color; img{max-width: 100%;} } .small-photos{padding-right: 15px; img{max-width: 100%; margin-bottom: 10px; border: 1px solid @secondary-border-color;} } } .infos{padding-left: 20px; .title{font-size: 19px; margin-top: 0px; margin-bottom: 15px; line-height: 24px;} .desc{font-size: 14px; margin: 0px 0px 0px 0px;} .price{margin: 15px 0px 12px 0px; .disc{font-size: 26px; .save{color: @secondary-color-light; font-size: 14px;} } .normal{font-size: 18px; font-weight: bold; padding-top: 7px; opacity: 0.7; text-decoration: line-through;} .tax{font-size: 11px;} } .info-row{margin-top: 4px; font-size: 14px; .seperator{width: 3%;} } .warnings{margin-top: 0px; font-size: 13px; .warning-alert{margin-bottom: 10px; i{float: left; color: @primary-color; font-size: 20px; padding: 0px 5px 0px 0px;} } } .tax{font-size: 11px;} } .variants{margin-top: 15px; border: 1px solid @secondary-border-color; padding: 0px 15px 15px 15px; .title{font-size: 15px; margin: 15px 0px 15px 0px; font-weight: 700;} .select{font-size: 13px; .variant-box{border: 1px solid #CCC; min-width: 35px; padding: 5px 10px 5px 10px; margin-right: 6px;} .active{border: 1px solid #666;} } .seperator{border-bottom: 1px solid @primary-border-color; margin: 11px 0px 10px 15px; opacity: 0.3;} .btn{border-radius: 0px; border: 1px solid #EEE; width: 100%; img{margin: 12px 0px;} } .activeSize, .activeColor{border-color:@primary-color;} .variants-row{margin-bottom: 10px;} } .link-tags{margin-top: 25px; .tag{display: inline-block; color: @menu-color; font-size: 13px; position: relative; padding: 6px 8px 6px 8px; border-radius: 3px; margin: 2px; text-decoration: none; background-color: @menu-background-color; opacity: 0.6; .transition(opacity, 0.4s); &:before{background: @menu-color; width: 10px; height: 10px; content: ""; display: inline-block; border-radius: 20px; margin: 0 5px 0 0;} &:hover{opacity: 0.9;} } } .tags{margin-top: 10px; .tag{display: inline-block; font-size: 13px; position: relative; padding: 4px 8px 4px 8px; border-radius: 0px; margin: 4px 4px 4px 0px; text-decoration: none; border: 1px solid @primary-border-color; &:hover{color: inherit; cursor: default;} span{margin: 6px;} } } .basket-buttons{margin-top: 10px; .spinners{margin: 4px; input[type=text]{border: 1px solid @primary-link-hover-color; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} .input-group-btn-vertical button{background-image: none; background-color: @primary-link-hover-color;} .input-group-btn-vertical i{color: #FFF; font-size: 9px; text-shadow: none;} } .button{background-color: @secondary-color-light; font-size: 13px; margin-left: 10px; border-radius: 0px; height: 49px; padding: 13px 0px 0px 16px; color: @menu-color; .transition(opacity, 0.4s); font-size: 17px; &:hover{opacity: 0.9;} &.fast-sale{color: @primary-text-color; padding: 13px 0px 0px 0px; text-align: center;} } .add-basket .loader{opacity: 0;} .disabled{pointer-events: none; cursor: no-drop; opacity: 0.7; &:hover{opacity: 0.6;} .loader{opacity: 1;} } } .buttons{margin-top: 15px; .button{font-size: 13px; padding: 0px 5px 0px 50px; cursor: pointer;} .social-share img{margin: 0px 3px 0px 3px;} .whatsapp{margin-bottom: 20px; font-size: 16px; font-weight: bold; i{color: #25d366; font-size: 18px;} } } .campaign-box{ .campaign{border: 1px solid @secondary-color; padding: 10px; margin-top: 20px; font-size: 13px; .title{font-size: 14px; margin-bottom: 9px;} .price{font-size: 16px; margin-top: 9px; .tax{font-size: 12px;} } .gift-icon{ .icon{background-color: @secondary-color; border-radius: 50%; font-size: 27px; color: #FFF; padding: 8px;} .icon-right{font-size: 30px; margin: 5px 0px 0px 5px; color: @secondary-color;} } } } .info-box{padding: 13px 0px 13px 0px; margin-top: 6px; .tab-content{border: 1px solid @secondary-border-color; border-top: 0px; padding: 11px; font-size: 13px;} .nav-tabs{background-color: @secondary-color; border-top: 5px solid @primary-color; min-height: 48px;} .nav-tabs li a{font-size: 14px; margin-right: 0px; padding: 10px 30px 10px 30px; color: @white; background-color: @secondary-color; border-radius: 0px;} .nav-tabs li.active a{border-top-color: @primary-color; background-color: @primary-color; margin-right: 0px;} .comment{ margin-top: 15px; border-bottom: 1px dashed @primary-border-color; .comment-big-title{padding: 10px; font-size: 13px; font-weight: bold;} .comment-title{padding: 0px 10px 0px 10px; font-size: 13px; font-weight: bold;} .negative{color: #e00000;} .positive{color: #23bc0a;} .comment-desc{padding: 5px 10px 10px 10px; font-size: 13px;} .author{font-size: 13px; padding: 0px 10px 10px 10px; color: #666;} .stars{ padding-right: 10px; a{color: @primary-link-hover-color;} } } .comment:last-child{border: 0px;} .banks{ .bank{ width: 13% !important; padding: 2px; .number{ font-size: 18px; border: 1px solid @secondary-border-color; line-height: 13px; margin-top: 4px; padding: 6px; height: 40px; border-bottom: 1px solid @secondary-border-color; span{font-size: 12px;} } .prices{margin-top: 4px; border: 1px solid @secondary-border-color; min-height: 90px; padding: 5px; font-size: 12px;} .image{height: 30px; border: 1px solid @secondary-border-color; padding: 1px;} } .price{ font-size: 17px; margin-top: 40px; span{font-size: 12px;} } } } .showcase{ .showcase-products{ .product-title{margin-left: 25%;} } } } .page{ margin-top: 15px; font-size: 15px; .form{font-size: 13px; .label-pos{margin-top: 8px; padding-bottom: 8px;} .form-group label{font-size: 14px;} .form-title{border-bottom: 1px solid @secondary-border-color; padding-bottom: 3px; margin-bottom: 10px; text-align: right; font-size: 14px;} .order-detail{margin-bottom: 15px; margin-top: 15px; border-bottom: 1px solid @primary-border-color; padding-bottom: 10px;} .order{ .return{margin-top: 17px;} } } .title{text-transform: uppercase;} .member-menu{margin-bottom: 30px;} .member-menu a{padding: 0px 0px 3px 0px; margin: 0px 10px 0px 10px; font-size: 16px; font-weight: bold;} .member-menu a.aktif{border-bottom: 1px solid @primary-border-color; color: @primary-link-hover-color;} .blog{ margin-top: 20px; font-size: 13px; border: 1px dashed @secondary-border-color; padding-bottom: 15px;padding-top:15px; .title{font-size: 16px; margin-bottom: 10px;} } .blog-categories{ img{display: none;} ul li{ float: left; a{font-size: 14px; padding: 7px 20px;font-weight:600;} ul{display: none;} } } .galleries{margin-top: 10px; .gallery{margin-bottom: 10px; .title{font-size: 13px; height: 36px; overflow: hidden; margin: 5px 0px 0px 0px;} img{border: 1px solid #CCC;; padding: 2px; border-radius: 2px; transition: all 0.2s;} &:hover{ img{border-color: @primary-color;} } } } } .policies{ .policy{ border: 1px solid @secondary-border-color; font-size: 13px; padding: 12px; margin-bottom: 15px; .policy-title{font-weight: bold; font-size: 15px; margin-bottom: 10px;} .inner-content-scroll{padding-right: 15px;} } } .basket-payment{ margin-top: 10px; .nav-tabs > li{border: 1px solid @primary-border-color; border-bottom: 0px;} #paymentTabs li.active a{background-color: @primary-color; color: @white; border-radius: 0px;} .basket{ padding: 8px; font-size: 13px; .basket-products{ .product{ display: table-cell; border-bottom: 1px solid @secondary-border-color; margin-top: 1px; &:nth-last-child(1){ border: 0px; } div{padding: 3px;} .number{ padding-top: 5px; a{font-size: 18px;} } .image{ img { max-width: 125px; } } .price-total{ .price-title { font-size: 13px; } .green{ color: #108d00; } .red{ color: #f00000; } } .remove-wish{ color: #f00000; font-size: 23px; padding-top: 25px; } } } .basket-buttons{ a{ font-size: 14px; margin: 5px 0px 5px 5px; } } .basket-small-buttons{ padding: 0px !important; a{ font-size: 13px; margin: 5px 1px 5px 0px; } } } .payment{ font-size: 13px; margin-bottom: 15px; .tab-content{border: 1px solid @secondary-border-color; border-top: 0px; padding: 15px;} .tab-content-top{padding-top: 30px;} .border{border-bottom: 1px solid @primary-border-color; padding: 5px;} .select-outer{padding-right: 5px;} #siparisLabel{margin-top: -35px; float: left;} } } } footer{color: #FFF; margin-top: 45px; .container{position: relative;} .footer-menus{background-color: @secondary-color-dark; border-top: 8px solid #063260; padding: 25px 15px 25px 35px; ul{ li:nth-child(1){padding-bottom: 5px; font-weight: 600;} } a{font-size: 13px; color: @footer-menu-color; &:hover{color: @footer-menu-hover-color;}} .social{margin-top: 90px;} .desc{margin-top: 40px; font-size: 13px; line-height: 20px;} .e_bulletin{position: absolute; top: -25px; right: 140px; background-color: #063260; padding: 10px 20px;} .address{font-size: 13px; strong{font-size: 17px; a{font-size: 17px;} } } } .border-line{background-color: @white; height: 1px;} .footer-copy{background-color: @white; border: 10px solid @secondary-color-dark; border-left: 0px; border-right: 0px; padding: 4px 0px 4px 0px; .text{color: #534032; font-size: 13px; font-weight: 700; margin-top: 11px;} } .footer-ssl{background-color: @secondary-color-dark; font-size: 13px; padding-bottom: 20px;} .ebulletin-outer{margin-top: 30px; .ebulletin{width:350px; height:64px; color:@white; margin:20px 0 20px 0; transition:background 0.45s; position:relative; z-index:1; cursor:pointer; display: none; .title{font-size: 13px; margin-right: 15px;} .ebulletin-text{width:225px; height:64px; font-size:12px; b{font-weight:500; text-decoration:underline; font-size:14px;} } .plus{width:50px; height:64px; line-height:1; font-size:24px;} .add-mail{transition:height 0.45s; overflow:hidden; .mail-box{float:left; width:62%; height: 48px; font-size:13px; color:#646464; outline: none; background-color: #202020; border:1px solid #bbb; padding:0 10px;margin:10px 0 10px 4%; border:none;} .mail-button{float:right; width:30%; height:48px; font-size:13px; color:@white; margin:10px 4% 10px 0; border:none; background: #151515;} } } .social-media{width: 140px; height: auto; padding-bottom: 10px; background-color: @white; display: inline-block; border-radius: 4px; position: relative; .title{color: @primary-text-color; font-size: 15px; margin: 10px 0px; .fa-stack{position: absolute; right: -15px; top: -15px;} i.fa-share-alt{background-color: @white; color: red; border-radius: 50%;} } .item{padding-left: 20px; a{color: @primary-text-color;} i{color: @primary-text-color; width: 20px; font-size: 13px;} } } } } .owl-buttons {display: none;} .owl-carousel:hover .owl-buttons {display: block;} .owl-theme .owl-controls .owl-buttons div { background: transparent; color: #869791; font-size: 40px; line-height: 200px; margin: 0; padding: 0 60px; position: absolute; top: 60px; } .owl-theme .owl-controls .owl-buttons .owl-prev { text-align:center; padding-left: 20px; } .owl-theme .owl-controls .owl-buttons .owl-next { text-align:center; padding-right: 20px; } #owl-example .owl-pagination {display:none;} #owl-example .owl-item {padding:0px 30px;} #owl-example .owl-item .commentName {font-weight:600;display:block;font-size:20px;} #owl-example .owl-item .commentDate {font-weight:600;font-size:11px;} #owl-example .owl-item .commentText {font-weight:500;line-height:30px;} .newComment {margin-top:30px;} .yorumKutu { margin-top: 20px; font-size: 13px; border: 1px dashed #dadada; padding-bottom: 15px; padding-top: 15px; } .yorumKutu:hover {border-color:#1e9d19;} .yorumKutu:hover span.commentName {color:#1e9d19;} .yorumKutu span.commentName { font-size:18px; font-weight:600; } .yorumKutu p.commentText { font-size:14px; line-height:30px; } .urunDetayText>p {margin-top:30px;color:#3c3c3e;font-weight:600;font-size:16px;} /*.desc strong{display: none;}*/ .urunDetayText p a{font-size: 18px;position: relative;top: 1px;color:red;} .btn-black {background-color: #1e9d19 !important;color: #FFF !important;font-weight: 700;padding: 6px 8px;margin-top: 3px;margin-bottom: 10px;} .instagram-title {font-weight: 700;margin-top: 15px;} .instagram-desc {font-size: 13px;margin-top: 10px;} .instagram-desc a {display: inline-block;border: 1px solid #CCC;padding: 10px;} .instagramBloks {margin-bottom: 10px;} .anasayfaBottomText { margin-top: 20px; } .anasayfaBottomText h1 { font-size:17px; font-weight: 600; } .anasayfaBottomText h2 { font-size:17px; font-weight: 600; } .anasayfaBottomText h3 { font-size:17px; font-weight: 600; } ul.altMenu { display: none; width:300px; height: auto; top: 0px; position: absolute; z-index: 999999; background-color: #fff; left:100%; margin-top:0px; padding: 0px 10px 0px 0px; /*border: 1px solid #e5e5e5;*/ border-top: 0px; -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.15); box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.15); } .dropdown-submenu .list ul li:hover ul.altMenu {display:block;} .dropdown-submenu .list ul li:hover ul.altMenu li a {color:#696969;} ul.altMenu li {padding-left:10px!important;} ul.altMenu li:hover a {color:#fff!important;} .fiyatSorunuzListele {font-weight:600;font-size:13px;text-align:center;margin-left:7px;margin-top:0px;} .fiyatSorunuzListele span.fiyatSorSpan {font-weight:600;border:1px solid #ccc;padding:4px 2px;display:block!important;} .fiyatSorunuzListele span.fiyatSorSpan:hover {color:#064a86;} .stokListele {position:absolute;color:#fff;z-index:19;top:40px;left:8px;background-color: rgba(232, 192, 10, 0.9);font-size: 12px;font-weight: 700;padding: 4px 15px 4px 15px;color: #FFF;transition-property: all;transition-duration: 0.2s;} .fiyatSorunuzListele a { padding: 0px!important; margin-right:0px!important; float: none!important; } #allProducts .fiyatSorunuzListele a {font-size:12px;} #allProducts .fiyatSorunuzListele .tooltip {font-size:13px;} #allProducts .fiyatSorunuzListele .tooltip-inner {padding:3px 6px!important;} .fiyatSorunuzListele .tooltip {font-size:14px;} .fiyatSorunuzListele .tooltip-inner {background-color:#1e9d19!important;} .urunDetayStokDurumu {border:1px solid #1e9d19;padding:10px 0px;background-color:#1e9d19;} .urunDetayStokDurumu span {font-size:17px;font-weight:600;color:#fff;} .faturaBilgisiStyleBg span {background-color:#1e9d19;color:#fff;padding:3px 5px;}