/* fonts */ @primary-font : "Open Sans"; /* colors */ @body-background-color : #fafafa; @body-border-color : #000000; @menu-background-color : #54555e; @menu-background-color-rgba : rgba(84, 85, 94, 0.3); @footer-background-color : #eeeeee; @menu-color : #585858; @menu-hover-color : #dedede; @menu-dropdown-color : #54555e; @secondary-menu-color : #54555e; @secondary-menu-hover-color : #ffb554; @footer-menu-color : @primary-link-color; @footer-menu-hover-color : @primary-link-hover-color; @footer-secondary-color : #e3e3e3; @primary-text-color : #585858; @secondary-text-color : #878787; @primary-link-color : #585858; @primary-link-hover-color : #ffb554; @primary-border-color : #cacaca; @secondary-border-color : #dadada; @secondary-color : #80ccc0; @dropdown-background-color : #e8e8e8; @white : #FFFFFF; @primary-color : #ffb554; @button-color : #ff7116; @pagination-color : #757575; @turkuaz : #4faaa8; @mor : #12aaaf; @dark-mor : #088084; @pembe : #cd055b; .newInfo { background-color:@pembe!important; } /* product alert */ .orange-alert{background-color : @primary-color;} .red-alert{background-color : #e05151;} .green-alert{background-color : #4bb7a7;} .gray-alert{background-color : #747474;} .warning-alert{color : #d53939;} .btn-orange{background: #ffaf4b; background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); border: 1px solid #CCC; color: #FFF !important; &:hover{color: #FFF;} } /* 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); } /* general definitions */ body{font-family: @primary-font; color: @primary-text-color; background-color: @body-background-color; overflow-x: hidden;} a{text-decoration: none !important; .transition(color, 0.4s); color: @primary-link-color; &:hover{color: @primary-link-hover-color;}} .no-padding{padding: 0; margin: 0;} .no-margin{margin: 0 !important;} .container {width:1285px;} .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} .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background-color: transparent; border: 1px solid @primary-border-color; border-bottom: 0px;} .activeSize{float: left; padding: 4px; border: 1px solid #CCC !important;} .btn-black{background-color: #000 !important; color: #FFF !important; font-weight: 700; padding: 6px 8px; margin-top: 3px; margin-bottom: 10px;} .product-detail .infos .variants .color-border{margin-bottom: 12px;} .product-detail .infos .variants .color-border a{float: left; padding: 4px; font-size: 12px;} /* ajax loading */ #ajax-loading{width: 100%; padding: 200px 0px 200px 0px; text-align: center; font-size: 50px;} /* 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: 40px; left: 15px; border-radius: 50%; width: 45px; height: 45px; background-color: @body-border-color; color: #FFF; padding: 1px 10px 1px 10px; font-size: 25px; font-weight: bold; cursor: pointer; z-index: 50; display: none;} #scrollTop i{margin-top: 7px;} /* 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;} .phone-mask-warning{height: 0px;} /* 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} /* slimscroll */ .slimScrollBar{border-radius: 7px !important; background: #3a3a3a !important;} /* product edit */ .edit-product{position: fixed; z-index: 10; height: 48px; padding: 5px; left: 7px; top: 350px; border: 1px solid #909090; background-color: #dfdfdf; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); span{float: left; margin-left: 5px; padding-right: 5px;} a{float: left; font-size: 14px; font-weight: 700; margin: 9px 2px 2px 2px;} img{float: left;} } /* styles */ .ebulletin{position:absolute;top:-123px;right:20px;background: @dark-mor; width:250px; height:64px; color:@white; margin:8px 0 0 0; transition:background 0.45s; z-index:1; cursor:pointer; .ebulletin-text{width:197px; height:64px; font-size:14px; b{font-weight:500; text-decoration:underline; font-size:14px;} } .plus{width:50px; height:64px; line-height:1; font-size:24px; background: #076a6d;} .add-mail{position:absolute; width:100%; top:100%; left:0; z-index:9999; background: @dark-mor; height:0; transition:height 0.45s; overflow:hidden; .mail-box{float:left; width:72%; height:30px; font-size:13px; color:#4c4c4c; border:1px solid #bbb; padding:0 10px;margin:10px 0 10px 4%; border:none;} .mail-button{float:right; width:20%; height:30px; font-size:13px; color:@white; margin:10px 4% 10px 0; border:none; background: @mor;} } &:hover, &:focus{background: #076a6d; .add-mail{height:50px;} } } .main-menu{border-bottom:1px solid #fff;border-top:1px solid #dadada!important;padding:0;background-color:@white; ul{margin-bottom: 0px;} ul li{padding: 18px 20px 20px 20px; height: 53px;position:relative; display: inline-block; a{color: @menu-color;padding: 20px 12px 20px 12px; font-size: 14px; font-weight:700; &:hover{color: @menu-hover-color;} } .dropdown-submenu{text-align: left; width: auto;min-width:300px; position: absolute; background-color: @dropdown-background-color; border: 1px solid @primary-border-color;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.5); z-index: 999999; top: 53px; left: -4px; display: none; .transition(display, 0.2s); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); ul{padding: 20px 15px 5px 15px; width: 200px;} ul li{display: inline; float: left; width: 170px;margin-bottom: 19px; text-align: left; height: auto; padding-left: 0px; a{font-weight: normal; color: @menu-dropdown-color; font-size: 13px; color: #111; padding: 0px; &:hover{color: @menu-hover-color; color: #111;} } } .category-box{padding: 8px; .inner{border: 1px solid @secondary-color; height: 138px; margin-bottom: 6px; padding-top: 24px;} .title{ .transition(all, 0.2s);} a{color: @secondary-color; font-weight: 600; font-size: .9em!important; padding: 0;.transition(all, .3s);} &:hover{ a{padding-left:15px;color: @mor;} .inner{border-color: @mor;} } &:not(:last-child) { border-bottom:1px solid #dadada } } } } ul li:hover{ .dropdown-submenu{display: inline;} } ul li.active{ .dropdown-submenu{display: inline;} } } .main-menu ul li:after { content : ""; position: absolute; right : 0; z-index: 100; top : 20px; width : 1px; height : 40%; /* or 100px */ background: #eaeaea; } .main-menu ul li.outletUrunler:after { content : ""; position: absolute; right : 0; z-index: 100; top : 20px; width : 0px; height :0px; /* or 100px */ background: #fff; } .main-menu ul li.outletUrunler a:hover { color:@white; } /* basket popup */ header .head-content .buttons .basket:hover .basketPopup{display: inline;} .basketPopup{position: absolute; display: none; z-index: 1001; width: 375px; font-size: 13px; /* overflow-x: hidden; overflow-y: auto; */ margin: 10px 0px 0px -348px; background-color: @white; color: @primary-text-color; border: 1px solid #d1d1d1; padding: 10px; padding-top: 0px; a{font-size: 13px;} .products-basket{ .product-basket{border-bottom: 1px solid #d1d1d1; margin-bottom: 8px; padding-bottom: 9px; .image{ img{border: 1px solid #d1d1d1; padding: 1px;} } .name{padding-left: 14px;} .delete{ i{font-size: 21px;} } .display-table{height: 60px;} } .title{font-size: 17px; font-weight: 700; margin-top: 6px; margin-bottom: 10px;} .link{margin-top: 9px;} } } .instagramBloks { margin-bottom:10px } nav.sticky{position: fixed;background-color:@white; 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); .head-menus{display: none;} .head-content{margin-bottom: 0px; .logo img.logo{height: 45px; margin-top: 6px;} .buttons{margin-top: 13px;} .menus{ .main-menu{margin-top: 10px;} } } } header{background-color: @white; .mini-logo{position: absolute; top: -100px; z-index: 21; opacity: 0; .transition(all, 0.3s);} .head-menus{margin-top: 3px; a{color: @secondary-menu-color; font-size: 13px; padding: 0px 0px 0px 20px; &:hover{color: @secondary-menu-hover-color;} } .login-dropdown{position: absolute; z-index: 10; font-weight: normal; top: 105px; padding: 20px 20px; right: 0px; width: 420px; background-color: @white; border: 1px solid @primary-border-color; .title{font-size: 16px; border-bottom: 1px solid @primary-border-color; margin-bottom: 10px; padding-bottom: 10px; a{color: @button-color; padding: 2px 0px;} } .form-group{margin: 6px 0px 3px 0px;} input[type=button]{background-color: @button-color; color: @white; margin-top: 10px;} a{padding-left: 0px;} } } .social{ margin-top: 10px; img{ .transition(opacity, 0.4s); &:hover{opacity: 0.6;} } } .head-content{padding: 0px 0px 0px 0px; margin-bottom: 10px; .logo{ img{max-height: 75px;} } .buttons{margin-top: 25px; .basket{position: relative; width: 28px; height: 45px; background-repeat: no-repeat; span{position: absolute; left: 30px; top: -10px; font-weight: bold; font-size: 17px;} } .favorite{width: 32px; height: 31px; background-repeat: no-repeat; margin: 2px 16px 0px 12px; span{font-weight: bold; font-size: 16px; width: 100%; text-align: center; margin-top: 3px;} } .search{width: 32px; height: 31px; background-repeat: no-repeat;} .search-box{position: absolute; margin-top: 34px; right: 15px; .search-button{position: absolute; z-index: 10; right: 2px; top: 2px; height: 20px; padding-top: 2px;} input[type=text]{height: 24px;} } } .menus{ .main-menu{ margin-top: 20px; padding: 0px; ul li{float: left; a{color: @menu-color; padding: 0px 0px 0px 0px; margin: 0px 40px 0px 0px; font-size: 14px; &:hover{color: @primary-link-hover-color;} } a.active{ color: @primary-link-hover-color; } .dropdown-submenu{ position: absolute; z-index: 1000; width: 800px; height: auto; background-color: #FFF; padding: 5px 5px 5px 5px; margin-top: 18px; display: none; -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.35); a{color: @primary-link-color; font-size: 13px; padding: 0px 25px 0px 0px; &:hover{color: @primary-link-hover-color;} } a.active{ background-color: transparent; } ul{margin-right: 10px; width: 220px; margin-bottom: 5px;} .categories{padding: 10px 10px 10px 20px;} } } } } } } main{ .sliders{padding-top: 1px; .carousel{ .carousel-indicators{display: none; li{border: none; background: @white; border-radius: 0; width: 30px; height: 8px; padding: 0; margin: 0px 2px; &.active{background: @pembe;} } } .carousel-inner{ .item{width: 1349px; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover;} } } } .sub-categories{padding: 10px; a{padding: 0px; margin: 3px 0px 3px 0px; font-size: 15px;} } .showcase{margin-top: 30px; .banners{margin-top: 10px; img{margin: 0px 9px 19px 9px;} } .product-navigation{min-height: 50px; font-size: 13px; margin-bottom: 10px; ol{margin-bottom: 2px;} } .boxes{background-color: @white; padding: 20px; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.1); .box{ .box-title{font-size: 14px; 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;}} } } .filters{ .filter{padding-bottom: 2px; margin-bottom: 12px; border-bottom: 1px solid #EAEAEA; .filter-controls{margin-bottom: 7px; .filter-title{font-weight: bold; font-size: 13px; padding-left: 16px;} .filter-arrow{margin-top: 0px;} } .options{padding-left: 30px; label{display: none;} label .option .text{font-weight: normal; font-size: 13px; padding-left: 5px;} label .option .stars-filter{ i{color: @button-color;} } 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;} } } .options-hidden{float: left; margin-bottom: 5px; input[type=checkbox]{display: none;} .variant-image{margin: 0px 2px 0px 2px; border: 1px solid #CCC; border-radius: 3px; &.active{border: 1px solid @primary-text-color;} } } 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{ .product-title{font-size: 15px; font-weight: 600; margin-top: 30px; margin-bottom: 20px; .title{position: relative; z-index: 1; display: inline-block; background-color: @body-background-color; padding: 0px 25px 0px 25px; font-size: 19px;} .border{position: relative; z-index: 0; background-color: @primary-border-color; height: 1px; margin-top: -13px;} } .product-sort{width: 889px; height: 36px; background-size: 889px auto; margin-left: 15px; margin-top: 5px; font-size: 13px; .display-table{height: 36px;} a{color: @white; font-size: 14px; font-weight: 700; display: inline-block; margin-left: 22px; &.selected, &:hover{color: @primary-color;} } } .products{margin-top: 0px; .product{padding: 10px; position: relative; margin-bottom: 2px; .infos{position: absolute; right: 11px; z-index: 5; top: 20px; .info{padding: 6px 2px 5px 2px; width: 75px; color: #FFFFFF; font-size: 15px; text-align: center; font-weight: 700; margin-bottom: 4px;} } .image{position: relative; img{max-width: 100%;} .variants{position: absolute; padding: 5px; min-height: 70px; bottom: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.7); display: none; .owl-controls{margin-top: 0px; .owl-buttons{left: 0px; top: 19px; div{padding: 3px;} .owl-prev{position: absolute; left: 0px; top: -4px;} .owl-next{position: absolute; right: 0px; top: -4px;} } } .loader{color: @button-color; font-size: 35px; margin-top: 13px;} } .secondaryImage{display: none;} } .title{margin: 8px 0px 5px 0px; padding: 0px 5px; height: 40px; overflow: hidden; a{font-size: 14px; &:hover{color:@pembe;} } } .star{margin-top: 2px; height: 14px; background-repeat: no-repeat; background-position: center;} .price{padding-left: 13px; height: 30px; .old{font-size: 15px; text-decoration: line-through; text-line-through-color: @primary-text-color; color: @secondary-text-color; height: 20px;} .new{font-size: 19px; height: 20px; span{font-size: 16px;} } .tax{font-size: 11px;} } .favorite{margin-top: 14px;display:none; i{font-size: 30px; font-weight: 700;} } .basket{padding-right: 13px; margin-top: 24px; a{font-weight: 700; font-size: 15px;} } .shadow{padding-bottom: 8px; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.1);} } .owl-buttons{top: 28px; div{background-color: @body-border-color; font-size: 20px; margin: 1px;} } } .carousel-product{ .title{min-height: 40px; a{font-size: 13px !important;} } .price{height: auto !important; padding-left: 10px !important; .old{font-size: 13px !important; margin-top: 1px;} .new{font-size: 14px !important; padding-right: 7px; span{font-size: 13px !important;} } } } .pagination{ .btn-pagination{background-color: @pagination-color; border-radius: 0px; color: @white; font-weight: 700; font-size: 17px;} .btn-pagination-active{background-color: @pembe;color:#fff; border-radius: 0px;} } } .category-desc{background-color: @white; border: 1px solid @secondary-border-color; font-size: 13px; line-height: 20px; padding: 15px;} } .showcase-home{margin-top: 0px;} .product-detail{margin-top: 20px; span[class*="favori_divBas"] { display:inline-block; border:1px solid #dadada; width:auto; padding:10px; margin-top:0px; margin-left:5px; } .social-share span.fa { font-size:1.5em; padding:5px; } .indirimOranSkew { position:relative; background-color:#ff7116; width:200px!important; color:#fff; text-align:center; font-size:.65em!important; padding:2px; transform:rotate(-45deg); top:-25px; left:-80px; } .product-title{font-size: 13px; margin: 10px 0px 10px 0px; a{padding: 0px 5px 0px 0px; font-size: 13px;} } .photos{ .big-photos img{max-width: 100%;} .small-photos{width: 11%; img{max-width: 100%; margin-bottom: 15px;border:1px solid #dadada;padding:3px;} } } .contentTitle {padding-top:50px;} .contentInfo {padding-left:15px!important;overflow:hidden;} .infos{border-left:1px solid #dadada; .title{font-size: 18px; strong.text{float: left; margin-bottom: 10px;} } .price{margin: 0px 0px 0px 0px; .disc{font-size: 18px; span:nth-child(1){font-size: 23px;} } .normal{font-size: 16px; opacity: 0.8; text-decoration: line-through;} .tax{font-size: 11px;} .stars{margin-top: 8px; a{color: @button-color;} } } .info-row{margin-top: 4px; font-size: 13px; .seperator{width: 3%;} } .warnings{margin-top: 15px; i{color: @button-color; font-size: 15px;} } .tax{font-size: 11px;} .disc-box{background-color: @button-color; color: @white; font-size: 20px; font-weight: 700; padding: 10px 7px; margin-top: 5px;} .variants{border: 1px solid @primary-border-color; min-height: 100px; margin-top: 15px; padding: 15px; line-height: 14px; img{margin-bottom: 3px;} .color-border a{margin: 2px; text-align: center; border: 1px solid transparent;} } .product-menu{margin-top: 20px; .tab{margin-top: 12px; .title{font-size: 14px; font-weight: 700; border-bottom: 1px solid @primary-border-color; padding-bottom: 10px; i{font-size: 22px;} } .desc{display: none; font-size: 14px; .bank{font-size: 13px; padding: 6px; .image{height: 25px; margin-bottom: 2px;} .text{padding-top: 10px;} &:nth-child(even){background-color: #f4f4f4;} } } } } } .link-tags{margin-top: 25px; .tag{display: inline-block; color: @white; font-size: 13px; position: relative; padding: 6px 8px 6px 8px; text-align: center; border-radius: 3px; margin: 2px; text-decoration: none; background-color: @button-color; opacity: 1; .transition(opacity, 0.4s); &:before{background: @white; 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: 8px 15px 8px 15px; border-radius: 0px; margin: 2px; text-decoration: none; border: 1px solid @primary-border-color; &:hover{color: inherit; cursor: default;} } } .basket-buttons{margin-bottom: 15px; .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{font-size: 13px; padding: 10px 45px 10px 60px; background-color: @button-color; color: @white; .transition(opacity, 0.4s); font-size: 15px; &:hover{opacity: 0.9;} } .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: 20px; .share{border: 1px solid @primary-border-color; padding: 10px; font-weight: 700; i{font-weight: 700; font-size: 16px;} } } .info-box{padding: 13px; margin-top: 6px; .tab-content{border: 1px solid @secondary-border-color; border-top: 0px; padding: 11px; font-size: 13px;} .nav-tabs li{margin-right: 5px;} .nav-tabs li a{border: 1px solid @secondary-border-color; font-size: 13px; font-weight: bold; padding: 10px 30px 10px 30px; border-top: 4px solid @secondary-border-color; border-radius: 0px;} .nav-tabs li a:hover{background-color: transparent;} .nav-tabs li.active a{border-top-color: @primary-link-hover-color;} .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;} } } } } .page{ margin-top: 15px; font-size: 14px; .form{font-size: 13px;margin-bottom:30px; .label-pos{margin-top: 8px; padding-bottom: 8px;} .form-group label{font-size: 13px;} .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; margin-top:80px;} .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; padding-bottom: 15px; .blogs{background-color: @white; padding: 20px; border: 1px solid @secondary-border-color; ul li{margin-bottom: 3px; a.active{font-weight: 700;} } } .title{font-size: 16px; margin-bottom: 10px;} .text{background-color: @white; padding: 20px; border: 1px solid @secondary-border-color;} } .blog-categories{ img{display: none;} ul li{ float: left; a{font-size: 14px; padding: 7px;} ul{display: none;} } } .grid{ .grid-item{background-position: center center; background-size: auto; background-repeat: no-repeat; border: 1px solid @white; div.lightbox{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none;} &:hover{background-size: 220% auto; .lightbox{display: inline; .text{color: @white; opacity: 0.6; font-size: 14px;} .display-table{height: 90%; width: 100%; .display-table-cell{vertical-align: bottom;} } } } } } .warning-text{font-size: 13px;} } .instagram-title{font-weight: 700; margin-top: 15px;} .instagram-desc{font-size: 14px; margin-top: 10px; a{display: inline-block; border: 1px solid #CCC; padding: 10px;} } .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; .basket{ padding: 8px; font-size: 13px; margin-bottom:30px; .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: 14px;} } .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{float: left; margin-top: -35px;} } } } header .headMenus { margin-top:5px; } header .headMenus a { color: #54555e; font-size: 13px; padding: 0px 0px 0px 24px; } header strong.phone {color:#54be45;} header strong.phone span:nth-child(2) {margin-right:2px;margin-left:10px;} .form-control-search {width:397px;margin-top:20px;padding:10px 10px;position:relative;} .searchBox {position:relative;} .form-group {position:relative;} span.search-ikon span {position:absolute; right:40px; top:6px; font-size:21px;} /* .form-control {padding: 22px 12px;} */ .form-control-search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ padding-left:0px; font-size:12px; } strong.calismaSaati {font-size:12px;} .customRight {padding:0px 0px 0px 20px;} .customRight span {padding:0px 0px 0px 0px;} .basket {margin-top:25px; padding-left:25px;} .basket a:last-child { position: relative; top: 0px; } .basket .basketDesc { display: block; float: left; font-size: 12px; text-transform: uppercase; font-weight: 600; margin-right: 20px; position: relative; top: 10px; left:20px; color: #5c5c5c; } #wishListCount { width:15px; height:15px; padding:2px; background-color:#5c5c5c; color:#fff; font-size:.8em; border-radius:50%; position:relative; right:-15px; z-index:99; line-height:1; } #basketQuantityNumber { text-align:center; display:inline-block; background-color:#d3163f; border-radius:50%; width:30px; height:30px; color:#fff; padding:9px; font-size:.8em; line-height:1; margin-right:5px; font-weight:600; } .newSepetDurum { padding-left:25px!important; } .newSepetDurum a:hover { color:@pembe; } .newSepetDurum .fa { font-size:1.9em; top:1px; margin-right:5px; position:relative; top:2px; } .newSepetDurum .fa:hover { color:@pembe; } header .head-content .basket .favorilerim span.fa { font-size: 1em; color: #cd055b; position: absolute; z-index: 1; left: 7px; bottom: 0; } .favorilerim { float: left; position:relative; width:30px!important!; height:25px!important } .sepetDurum {border:1px solid #e2e2e2;padding:12px 0px;width:167px;border-radius:5px;margin-bottom:30px;margin-top:10px;} .sepetDurum a {font-size:15px;text-align:left;} .favorilerim span.fa { font-size: 1em; color: #cd055b; position: absolute; z-index: 1; left: 7px; bottom: 0; } .social { margin-top:100px; } .social i { width:35px; height:35px; border:1px solid #fff; padding:8px 9px; border-radius:50px; font-size:18px; } .footerTel { margin-top:30px; font-size:16px; } .footerTel span { font-size:14px; } li.outletUrunler {border:none!important; background-color:#d3163f; color:#fff;} .main-menu ul li.outletUrunler a { color:#fff; } .main-menu ul li a:hover { color:#d3163f; } .login {margin-bottom:50px;} .logo a img {margin-top:20px;} .ebulletin i {border:none;} .social-text {color:@white;margin-bottom:10px;} .bootstrap-touchspin .input-group-btn-vertical>.btn {padding:8px 10px!important;} .bootstrap-touchspin .input-group-btn-vertical i {top:4px!important;} .zoom{display:inline-block; position: relative;} .zoom:after{content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0;} .zoom img{display: block;} .zoom img::selection{background-color: transparent;} footer{ .foooter-top{height: 44px; background-position: center; .phones{color: @white; font-size: 13px; span.text{margin-top: 3px;} span.phone{font-size: 17px; font-weight: 700; padding: 0px 30px 0px 5px;} .display-table{height: 45px;} } .blog-social{ .social{padding-top: 5px; a{color: @white; font-size: 25px; margin-left: 12px; text-shadow: 0px 2px 2px rgba(150, 150, 150, 1); &:hover{ color: @primary-link-hover-color; } } } .blog{ a{color: @white; font-size: 20px; font-weight: 700; margin-top: 8px; &:hover{ color: @primary-link-hover-color; } &:nth-last-child(1){font-size: 13px; margin: 13px 0px 0px 9px;} } } } } .footer-menus{border-top:10px solid #047578;background-color:#079fa3; padding: 15px 15px 25px 15px; ul li:nth-child(1){font-weight: 600; h1{font-size: 14px; font-weight: 700; margin-bottom: 5px;color:@white;} } a{font-size: 13px; color: @white; &:hover{color: @pembe;}} .categories{border-top: 1px dashed @primary-border-color; margin-top: 20px; padding-top: 20px; ul{width: 15%; float: left;} } .copyright{font-size: 13px; color: @primary-text-color; line-height: 50px; img{margin-top: 20px;} } } .treegroup { margin-bottom:-10px; margin-top:20px } } .showcase-pages{background-color:@turkuaz;text-align:left; .showcase-page{display:none;padding:5px 0px 0px 0px;margin:0; .page-inner{padding:0px; .text{font-family:'Jesaya Bk', sans-serif!important;color: @white; .page-title{font-weight: 700; font-size: 14px; text-align: left; padding-left: 10px;} .page-desc{font-size: 13px; font-weight: 400; text-align: left; padding-left: 10px;} } } &:hover{ .icon img{transform: scale(1.1); .transition(all, 0.2s);} } &:nth-child(-n+5){display: inline-block;} } } .subMenu { display: none; width: 850px; height: auto; position: absolute; z-index: 999999; left: 0px; margin-top: 17px; 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); } li.mainMenu:hover .subMenu { display:block; } .subMenu .subMenuBackground { float: left; background-color: #FFF; margin-top:0px; width: 850px; padding-bottom: 30px; } .subMenu .subMenuBackground .categories { float: left; width: 72%; margin-top: 30px; } .subMenu .subMenuBackground .categories .tabDetail { display: none; } .subMenu .subMenuBackground .categories .categoriesReset { float: left; width: 100%; } .subMenu .subMenuBackground .banners { float: left; width: 25%; margin-top: 33px; } .subMenu .subMenuBackground .banners a { border: 0px; } .subMenu .subMenuBackground .banners img { border: 1px solid #cecece; padding: 5px; width: 100%; margin-bottom: 8px; transition-property: opacity; transition-duration: 0.2s; } .subMenu .subMenuBackground .banners img:hover { opacity: 0.9; } .subMenu .subMenuBackground .banners .tabs{ float: right; width: 70%; margin-bottom: 40px; border-left: 1px solid #dd4126; } .subMenu .subMenuBackground .banners .tabs .tabTitle { float: left; width: 100%; text-align: right; font-size: 14px; margin-bottom: 8px; cursor: pointer; padding-bottom: 5px; border-bottom: 1px solid transparent; } .subMenu .subMenuBackground .banners .tabs .tabTitle .arrow { position: absolute; margin-left: -38px; margin-top: -14px; display: none; } .subMenu .subMenuBackground .banners .tabs .tabTitle .arrow .arrowSq { position: absolute; width: 3px; height: 24px; margin-top: -5px; background-color: #dd4126; } .subMenu .subMenuBackground .banners .tabs .tabTitle .arrow .arrowTr { position: absolute; width: 0; margin-left: -9px; margin-top: 2px; height: 0; border-style: solid; border-width: 4px 10px 4px 0; border-color: transparent #dd4126 transparent transparent; } .subMenu .subMenuBackground .banners .tabs .tabActive { font-weight: bold; border-bottom: 1px solid #b8b8b8; padding-bottom: 5px; width: 88%; float: right; } .subMenu .subMenuBackground .category { float: left; width: 310px; margin: 0px 0px 0px -7px; padding-right: 6px; border-right: 1px solid #ebebeb; } .subMenu .subMenuBackground .category .seperator span { float: left; width: 60%; height: 1px; border-bottom: 1px solid #ebebeb; padding-top: 10px; margin-left:10px; } .subMenu .subMenuBackground .category .seperator { float: left; width: 100%; height: 1px; padding: 0px; } .subMenu .subMenuBackground .category .categoryTitle { color: #ce0000; font-size: 14px; float: left; width: 90%; margin: 10px 0px 0px 12px; text-align: left; padding-top: 10px; } .subMenu .subMenuBackground .category .categoryTitle a { text-align: left; color: #4a4a4a; border: 0px; font-size: 13px; } .subMenu .subMenuBackground .category .categoryTitle a:hover { color: #000; } .subMenu .subMenuBackground .category .categoryImage { float: left; cursor: pointer; } .subMenu .subMenuBackground .category .categoryImage img { border: 1px solid #cecece; padding: 5px; transition-property: opacity; transition-duration: 0.2s; } .subMenu .subMenuBackground .category .categoryImage img:hover { opacity: 0.9; } .subMenu .subMenuBackground .category .categorySub { float: left; width: 100%; margin-top: 5px; margin-left: -10px; } .subMenu .subMenuBackground .category .categorySub ul { float: left; margin-left: 10px !important; } .subMenu .subMenuBackground .category .categorySub ul li { float: left; border: 0px; width: 100%; text-align: left; padding-left: 3px; margin-top: -4px; height: auto; margin-left: 0px !important; width: 200px !important; } .subMenu .subMenuBackground .category .categorySub ul li a { float: none; font-size: 12px; width: auto; font-weight: normal; padding-bottom: 4px; border: 0px; } .subMenu .subMenuBackground .category .categorySub ul li a:hover { color: #000; } .subMenu .subMenuBackground .category .categoryTitle .categoryTitleTree a {display:block;padding:10px 25px!important;color:#585858!important;font-size:13px!important;} .subMenu .subMenuBackground .category .categoryTitle .categoryTitleTree a:hover {color:#000!important;} ul.altMenu li {padding:15px 20px 10px 20px;height:30px;} ul.altMenu li a {font-size:13px;padding:10px 12px 10px 12px;} ul.altMenu li:after { content: ""; position: absolute; right: 0; z-index: 100; top: 20px; width: 1px; height: 40%; background: none!important; } .siparisTakip {position:relative;} .siparisTakip a {font-size:13px;padding-right:15px;position:relative;padding-bottom:5px;} .kargoHoverMessage {margin-top:10px!important;font-size:12px;margin-bottom:15px;border-bottom:1px solid #CCC;padding-bottom:10px;} .siparisForm {display:none;} .siparisForm input {padding:20px 12px;} .siparisForm {position:absolute;left:0px;padding-top:5px;top:23px;z-index:9999;width:200px;} .siparisTakip button {width:100%;background-color:#d3163f!important;border:0px;color:#fff;padding:5px 0px;} input[type="text"].siparis-input::-webkit-input-placeholder { color:#54555e; font-size:12px; } span.exit i {color:#d3163f;cursor:pointer;} a.siparisTakibi {cursor:pointer;} //#paymentTabs li:nth-child(1) {display:none;} .footer-bank{margin: 0px 0px 5px 0px; padding: 10px 0px 7px 0px; background-color:transparent; img{max-width: 100%;} .ssl{ img{margin-top: 4px;} span{margin: 11px 0px 0px 10px; line-height: 14px; font-size: 12px; font-weight: 700; .highlight{font-size: 14px; margin: 0px;} } } } .enCokSatanUrunler .border { height:10px!important } .enCokSatanUrunler .title { border-bottom:10px solid #8e8e8e; margin-bottom:3px; padding-left:0!important } .customButton { background-color:#cd055b!important; color:#fff; padding:5px; position:relative; top:-8px; } .customButton.norm { top:0px; } .newPrice { color:#cd055b } .sepetUyeliksizButon a {font-size:12px;} .popup { position:fixed; z-index:999999; background-color:rgba(0,0,0,.45); top:0; left:0; width:100%; height:100%; } .popupContent { width:70%; position:relative; margin:4% auto; background-color:#fff; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.6); padding:15px; } .popupContent .fa-remove { position:absolute; top:0px; right:10px; color:#fce909; font-size:30px; } .popupContent .close {text-shadow:none;opacity:1;} .orangeButton:hover { background: #ffaf4b; background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%); color:#fff; text-shadow:none; -webkit-text-shadow:none; } .urunDetayYorum {margin-top:15px;} .urunOzellikTitle { background-color: #d3163f; margin-bottom: 10px; border:1px solid #d3163f; } .urunOzellikTitle p { color: #fff; font-weight: 700; font-size: 14px; margin: 0px; padding: 5px 5px; } .comment { margin-top: 15px; border-bottom: 1px dashed #CCCCCC; } .comment .comment-big-title { padding: 10px; font-size: 13px; font-weight: bold; } .comment .stars { padding-right: 10px; } .comment .stars a { color: #ff7116; } .comment .comment-desc { padding: 5px 10px 10px 10px; font-size: 13px; } .comment .author { font-size: 13px; padding: 0px 10px 10px 10px; color: #666; } .urunDetayYorum .new-comment .yorumButton { background-color:#d3163f; background-image:none; text-shadow:none; color:#fff; border:0px; } .urunDetayYorum .new-comment .yorumButton:focus { outline:0px; } .galleries .gallery {min-height:265px;} .galleries .gallery a .title {margin-top:20px;} .siparisBilgileriArea {margin:10px 0px; .properties {margin:5px 0px; .propertiesTitle {font-weight:600;margin:5px 0px;} } }