/* ================================================ */ /* ! KATEGORİ SAYFASI */ /* ================================================ */ #divSayfalamaUst { float: left; width: 100%; margin-top: 0 !important; } #divSayfalamaUst .pageNumber { display: none !important; } .categorydesign { float: left; width: 100%; margin-bottom: 0px; } .categorydesign img { width: 100%; display: block; } .ProductList.pr_4 { float: left; width: 100%; border-bottom: 1px solid #ededed; } .ProductList.pr_4 .productItem { float: left; width: 24%; margin-bottom: 30px; margin-right: 1.333%; position: relative; overflow: hidden; text-align: center; } .ProductList.pr_4 .productItem:nth-child(3n) { margin-right: 1.333%; } .ProductList.pr_4 .productItem:nth-child(5n) { margin-right: 1.333%; } .ProductList.pr_4 .productItem:nth-child(4n) { margin-right: 0; } .ProductList.pr_3 { float: left; width: 100%; border-bottom: 1px solid #ededed; } .ProductList.pr_3 .productItem { float: left; width: 32%; margin-bottom: 30px; margin-right: 2%; position: relative; overflow: hidden; text-align: center; } .ProductList.pr_3 .productItem:nth-child(4n) { margin-right: 2%; } .ProductList.pr_3 .productItem:nth-child(5n) { margin-right: 2%; } .ProductList.pr_3 .productItem:nth-child(3n) { margin-right: 0; } .ProductList.pr_hrz { float: left; width: 100%; } .ProductList.pr_hrz .productItem { float: left; width: 100%; margin-bottom: 30px; position: relative; overflow: hidden; text-align: center; } .ProductList.pr_hrz .productItem .productImage { height: 0; position: relative; background: #fff; padding-bottom: 7%; overflow: hidden; width: 7%; border-bottom: 0; float: left; margin-right: 20px; } .ProductList.pr_hrz .productItem .productDetail { float: left; } .ProductList.pr_hrz .productItem .cargoIcon { display: none; } .ProductList.pr_hrz .productItem .discountIcon { display: none; } .ProductList.pr_hrz .productItem:nth-child(3n) { margin-right: 0; } .ProductList.pr_hrz .productItem:nth-child(5n) { margin-right: 0; } .ProductList.pr_hrz .productItem:nth-child(4n) { margin-right: 0; } .ProductList.pr_hrz .productItem .examineIcon { left: 0; } /*kategori navigasyonu*/ .categoryTitle { float: left; text-align: center; text-transform: uppercase; margin: 0; color: #2b2b2b; font-size: 18px; padding-bottom: 10px !important; font-weight: 600; } .categoryTitle .bold { display: block; border-bottom: 1px solid #e1e1e1; display: block; height: 10px; margin-bottom: 15px; } .categoryTitle .bold .satir1 { display: inline-block; padding: 0 0 0 0; font-size: 18px; font-weight: 600; display: inline-block; background-color: #fff; padding: 0 100px; } .leftBlock .categoryTitle .bold { overflow: hidden; height: auto; cursor: pointer; font-size: 15px; font-weight: 500; word-wrap: break-word; display: block; color: #2b2b2b; border-bottom: 1px solid #ddd; padding: 9px 0 15px 0px; } .leftBlock .categoryTitle .bold .satir1 { float: left; padding: 0; display: block; width: 100%; font-size: 13px; font-weight: 500; color: #2b2b2b; } .categoryTitleText { display: inline-block; float: left; width: 100%; border-bottom: 1px solid #e1e1e1; padding: 13px 0; } .categoryTitleText * { display: inline-block; font-family: 'Roboto', serif !important; color: #2b2b2b !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400; letter-spacing: 0.5px; } ul.breadcrumb li *, ul.breadcrumb li, a#linkOncekiSayfa { display: inline-block; color: #2b2b2b !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: normal; margin-right: 5px !important; } ul.breadcrumb a { display: inline-block; } /*kategori gizlenenler*/ .KategoriFilitrelemeContent .Block_Title { display: none; } #mainHolder_divUstMarkaListesi { display: none; } /*kategori filtrelemeler*/ .brandlistselectionBottom { display: none !important; } .categoryTitle { float: left; width: 100%; } .categoryTitle .brandlistselection { float: left; width: 100%; } .categoryTitle .brandlistselection #divUstFiltreKategori { float: left; margin-right: 10px; } .categoryTitle .brandlistselection #divUstFiltreMarka { float: left; margin-right: 10px; } .categoryTitle .brandlistselection .selectBox { float: left; margin-right: 10px; } .categoryTitle .brandlistselection .brandSelectbox { height: 30px; line-height: 28px; border: 1px solid #ddd; color: #777; } .blockSelect { float: right; margin-right: 0 !important; } .brandlistselection > label { display: inline-block; color: #222121; font-size: 13px; cursor: pointer; } .brandlistselection > label > input[type="checkbox"] { display: none !important; } .brandlistselection > label > label { line-height: 30px; margin-left: 10px; display: inline-block; padding-left: 18px; cursor: pointer; color: #000; font-size: 13px; } .brandlistselection > label > label:hover { color: #cacc34; background: url("images/checkbox2.png") left center no-repeat; } .brandlistselection > label > input[type=checkbox] + label { background: url("images/checkbox1.png") left center no-repeat; } .brandlistselection > label > input[type="checkbox"][checked] + label { display: block; background: url("images/checkbox2.png") left center no-repeat; } #mainHolder_linkFiltreKaldir { line-height: 30px; background: url("images/checkbox2.png") left center no-repeat; margin-left: 10px; display: inline-block; padding-left: 18px; cursor: pointer; color: #000; font-size: 13px; } .sortingContent { background-color: transparent !important; border-bottom: 1px solid #e1e1e1; border-radius: 0 !important; } .sortingContent:after { clear: both; display: table; content: ""; } .appliedFilter { background-color: transparent !important; } .sortingContent li { padding: 10px 0 15px 0 !important; margin-right: 20px !important; float: left !important; } .sortingContent li a.selected { background-color: transparent !important; text-decoration: underline !important; } .sortingContent .blockSelect a.Active i { color: #ffffff !important; background-color: #5f5f5f !important; } .sortingContent li a { background-color: transparent !important; padding: 0 !important; line-height: normal !important; } .sortingContent .blockSelect a i { line-height: normal !important; font-size: 13px !important; padding: 6px 10px !important; background-color: #efefef; color: #a6a6a6 !important; } .sortingContent li a:hover { background-color: transparent !important; } .sortingContent span { color: #5f5f5f !important; font-family: 'Roboto', sans-serif !important; font-size: 12px !important; letter-spacing: 0.5px; line-height: normal !important; text-transform: capitalize; } .appliedFilter.FiltrelemeUrunAdet { padding: 0 !important; margin-right: 0 !important; float: right !important; margin-top: 5px !important; } .appliedFilter.FiltrelemeUrunAdet span { line-height: 25px !important; } .appliedFilter a { margin-left: 5px !important; } .blockSelect a { float: left; display: inline-block; margin-left: 8px; color: #000; font-size: 20px; } .blockSelect .sort_hrz.sort_hrzActive { color: #cacc34; } .blockSelect .sort_3.sort_3Active { color: #cacc34; } .blockSelect .sort_4.sort_4Active { color: #cacc34; } .pageNumber { float: left; width: 100%; padding-top: 20px; margin-bottom: 20px; text-align: right; } .pageNumber .pageBorder { display: inline-block; } .pageNumber a { display: inline-block; float: left; margin-right: 5px; border-radius: 0px; width: 40px; height: 25px; line-height: 25px; text-align: center; font-size: 13px; color: #5f5f5f; border: 1px solid #e1e1e1; } .pageNumber a:hover { background-color: #5f5f5f; color: #ffffff; border: 1px solid #5f5f5f; } .pageNumber a.SelectedSayfa { background-color: #5f5f5f; color: #ffffff; border: 1px solid #5f5f5f; } .KategoriFilitreleme { margin-bottom: 20px; width: 100%; float: left; } .KategoriFilitreTittle { height: 40px; line-height: 40px; margin-bottom: 20px; color: #000; font-size: 14px; font-weight: bold; border-bottom: 1px solid #bbb7b7; } /*Kategori Ozel Blok*/ .kategoriOzelBlok { min-height: 285px; margin-bottom: 22px; float: left; width: 100%; border: 1px solid #e8e8e8; padding: 32px; border-radius: 5px; } .kategoriOzelBlok .kategoriOzelBlokYazi { float: left; width: 75%; padding-right: 15px; } .kategoriOzelBlok .kategoriOzelBlokYazi h2 { color: #46696b; font-size: 18px; margin-bottom: 15px; } .kategoriOzelBlok .kategoriOzelBlokYazi p { font-size: 14px; line-height: 18px; color: #46696b; } .kategoriOzelBlok .kategoriOzelBlokResim { float: left; width: 25%; } .kategoriOzelBlok .kategoriOzelBlokResim img { width: 100%; display: block; } /*Menu*/ .FilitreMaxHeight { width: 100%; } .KategoriFilitreLine > ul > li { position: relative; } .KategoriFilitreLine > ul > li > a { font-size: 13px; color: #000000; margin-bottom: 12px; display: inline-block; } .KategoriFilitreLine > ul > li > a:hover { text-decoration: underline; } .KategoriFilitreLine > ul > li:last-child a { margin-bottom: 0; } .KategoriFilitreLine > ul > li > ul { width: 100%; } .KategoriFilitreLine > ul > li > ul > li { margin-bottom: 12px; padding-left: 20px; } .KategoriFilitreLine > ul > li > ul > li > a { color: #666666; font-size: 13px; display: inline-block; } .KategoriFilitreLine > ul > li > ul > li > a:hover { text-decoration: underline; } /*Checkbox Filtrelemer*/ .FilitreMaxHeight table tr td { width: 100%; padding: 0; padding-bottom: 15px; padding-bottom: 10px; } .FilitreMaxHeight table tr:last-child td { padding-bottom: 0; } .FilitreMaxHeight table tr td input[type="checkbox"] { display: none !important; } .KategoriFilitreLine { padding: 0; } .fiyatFilitreContent .KategoriFilitreLine { padding: 0; } .KategoriFilitreLine table tr td label { line-height: 13px; display: inline-block; padding-left: 23px; height: 13px; cursor: pointer; color: #000000; font-size: 13px; } .KategoriFilitreLine table tr td input[type=checkbox] + label { background: url("images/checkbox1.png") left center no-repeat; } .KategoriFilitreLine table tr td input[type=checkbox] + label:hover { background: url("images/checkbox2.png") left center no-repeat; } .KategoriFilitreLine table tr td input[type="checkbox"][checked] + label { background: url("images/checkbox2.png") left center no-repeat; } [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after { display: none; } .KategoriFilitreLine p input[type="text"] { width: 100%; padding: 0; font-family: "Roboto", sans-serif !important; color: #000000 !important; font-size: 13px; font-weight: bold; margin-bottom: 15px; } #slider-range { width: 100%; padding: 0; margin-bottom: 30px; background: #8d8c8c; height: 8px !important; border: none; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .ui-widget-header { background: #454444 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { width: 10px !important; height: 8px !important; background: #000000 !important; border: none !important; border-radius: 0px !important; } .ui-slider-horizontal .ui-slider-handle { top: -3px !important; } /*.FilitreMaxHeight {max-height: 160px; overflow-y: scroll;}*/ /*.FilitreMaxHeight::-webkit-scrollbar {width: 3px;}*/ /*.FilitreMaxHeight::-webkit-scrollbar-thumb {background: #000000;}*/ /*.FilitreMaxHeight::-webkit-scrollbar-track {background: #cccccc;}*/