.float_left{float:left;} .float_right{float:right;} .overflow_hidden{overflow:hidden;} .clear_both { clear: both; } .mt_ileri_alt_sag{ float: right; overflow: hidden; width: 320px; margin-top:5px; } .ust-menu-link a{ display:inline; float:left; background:url("/_img/alt-bullet.png") no-repeat center left; height:20px; line-height:20px; color:#646464; text-decoration:none; font-size:11px; text-indent:10px; margin:0 0 0 20px; padding: 2px 5px 2px 0; border: 1px dashed #fff; } .ust-menu-link a:hover{ color:#231f20; border: 1px dashed #ccc;} .ust-menu-link-aktif a{ display:inline; float:left; background:url("/_img/alt-bullet.png") no-repeat center left; height:20px; line-height:20px; color:#646464; text-decoration:none; font-size:11px; text-indent:10px; margin:0 0 0 20px; padding: 2px 5px 2px 0; border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; background: #fff; z-index: 20002; } #facebookLogin{ float: right } .havala_firma_unvan{ margin-top: 10px; font-weight: bold; color:#444444; font-size: 15px; } #login-box-container { } #login form { display: block; overflow: hidden; } #login_box{ background:#fff; display: none; /*overflow:hidden;*/ z-index: 90000; width:240px; border-radius: 10px 0 10px 10px; top: 74px; right:0; position: absolute; color: #F2F2F2; font-weight: 900; padding: 5px 10px; text-decoration: none; margin-top:5px; border:1px dashed #ccc; } .bekleyen_is_iptal{ float: right !important; } /*#login div a{ color: #999999; display: block; float: right; font-size: 11px; height: 20px; line-height: 20px; padding: 3px 25px 0 10px; text-decoration: none; }*/ h3{ font-size: 18px; padding: 5px 0px; } #login input[type="text"], #login input[type="password"] { background: none repeat scroll 0 0 #FAFAFA; border-radius: 5px; color: #888; font-size: 11px; height: 22px; line-height: 22px; border-width: 1px; border-color: #f1f1f1; opacity: 1; border-style: solid; width: 140px; padding: 3px 0 0 5px; } #login input:focus { box-shadow: 0 0 2px #afdbec; } #login input.giris { background: url("/_img/mbutton/login.png") center center no-repeat; padding:0px; border: none !important; outline: none; position: relative; top: 5px; height: 30px; width: 82px; float: right; cursor: pointer; } .noborder { border: none; width: 230px; padding: 0; margin: 10px 0; background-color: transparent; float: right; } #login span { float: right; font-size: 11px; margin-top: -1px; } #loginCevap { display: none; padding: 3px; margin: 5px; color: #c00; } #login1{ position:absolute; top:20px; right:0; height:40px; width:auto;} #login1 ul{ list-style:none; margin:0; padding:0;} #login1 ul li{ display:inline; float:left; color:#969696; font-size:11px; height:20px; line-height:20px;} #login1 ul li a{ display:inline; float:left; background:url("/_img/cikis.png") no-repeat center left; height:20px; line-height:20px; color:#969696; text-decoration:none; font-size:11px; text-indent:15px; margin:0 0 0 20px} #login1 ul li a:hover{ color:#231f20} #login2{ position:absolute; top:55px; right:0; height:40px; width:auto;} #login2 ul{ list-style:none; margin:0; padding:0;} #login2 ul li{ display:inline; float:left; position: relative} #login2 ul li a.ust_normal_link{ display:inline; float:left; background:url("/_img/alt-bullet.png") no-repeat center left; height:20px; line-height:20px; color:#646464; text-decoration:none; font-size:11px; text-indent:10px; margin:0 0 0 20px; padding: 2px 5px 2px 0; border: 1px dashed #fff;} #login2 ul li a.ust_normal_link:hover{ color:#231f20; border: 1px dashed #ccc;} /* YSN */ #snKullanici{ position:absolute; top:15px; left:610px; height:20px; width:auto; color:#939598; font-size: 14px} #uyegirisButon a{ display:block; background:url("/_img/uyegiris.gif") no-repeat; text-indent:-9999px; width:253px; height:81px;} #uyegirisButon a:hover{background:url("//_img/uyegiris_roll.gif") no-repeat;} #uyeolButon a{ display:block; background:url("/_img/uyeol.gif") no-repeat; text-indent:-9999px; width:253px; height:81px;} #uyeolButon a:hover{ background:url("/_img/uyeol_roll.gif") no-repeat;} #yukleyici{ display:none; position:absolute; width:650px; height:340px; top:100px; right:100px;} .yukleyici-sol{ display:block; float:left; width:25px; height:340px; background:url("/_img/yukleyici_sol.png") no-repeat} .yukleyici-orta{ display:block; float:left; width:600px; height:340px; background:url("/_img/yukleyici_orta.png") repeat-x} .yukleyici-sag{ display:block; position:relative; float:left; width:25px; height:340px; background:url("/_img/yukleyici_sag.png") no-repeat} .yukleyici-orta-ic{ display:block; width:100%; height:220px; overflow:auto} .yukleyici-orta h2{ margin:30px 0 10px 0; padding:0; cursor:move; border-bottom:1px dotted #999} #yukleyiciKapat a{ display:block; position:absolute; right:20px; top:20px;} #baskiyaGonder a{ display:block; float:left; text-align: center; color: #231f20; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 150px; height: 30px; line-height: 30px; background: #ffc800; border: 1px solid #ff9b00; text-decoration:none; margin:0 0 0 10px} #files{ font-size:11px;} /* #ic{ display:block; width:960px; height:auto; min-height:300px; margin:20px auto 20px auto; overflow: hidden; } */ /*#ic h2{ font-size:24px; font-weight:300; color:#999;}*/ #yuklenmis-dosyalar{ /* overflow: hidden; */} .yuklenen{ position:relative; height:93px; display:block; float:left; margin: 5px 0; border: 2px dashed; border-color: #CCCCCC; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width:953px;} .sil{ position:absolute; top:0; right:0; border:1px solid #CCCCCC; border-radius:8px; background:#eee; right: -5px; top: -5px; } .uploadIptal{background-color: none repeat scroll 0 0 #EEEEEE;position:absolute;top:-6px;right:-5px;border:1px solid #CCCCCC;border-radius:8px;} .sil:hover{background-color:#C00;} .duzenle{ position:absolute; top:5px; right:25px;} /*ORJİNAL SATIR: .yuklenen-ust{ display:block; float:left; width:950px; height:20px; background:url(../_img/yuklenen-ust.gif) no-repeat top #e6e6e6; padding:5px 5px 5px 5px; border-bottom:1px solid #bdbdbd} */ .yuklenen-ust{ margin-top:5px; display: block; float: left; height: 70px; padding: 5px; width: 685px; /*display:block;float:left;width:785px;height:20px;padding:5px 5px 5px 5px;border-bottom:1px solid #bdbdbd*/} .yuklenen-ust-pasif { margin-left: 5px; } .yuklenen-ust-aktif { width: 725px; padding-left: 55px; } .yuklenen-alt { display: block; position: relative; float: left; width: 920px; height: 20px; padding: 5px 5px 5px 35px; background: url("/_img/yuklenen-alt.gif") no-repeat bottom #e6e6e6; } .dosya, .dosya-s { display: inline-block; float: left; line-height: 20px; margin-right:10px; font-size: 11px; overflow: hidden; white-space: pre; width: 100px; } yukleniyorMetin{ display: inline-block; float: left; line-height: 20px; margin: 0 10px 0 10px; font-size: 11px; overflow: hidden; white-space: pre; width: 250px; } .simge { display: inline-block; float: left; line-height: 20px; position: relative; margin-right: 5px; } .simge:hover .simgeTumbBalonu{display:block;} .simgeTumbBalonu{position:absolute;width:300px;display:none;background:url("/_img/simgeTumbBalonu.png") repeat-y top left;z-index:999;left:15px;} .simgeTumbBalonuUst{background:url("/_img/simgeTumbBalonuUst.png") no-repeat top left;width:300px;height:10px;margin-top:-10px;} .simgeTumbBalonuOrta{width:250px;padding:20px 20px 20px 30px ;background:url("/_img/simgeTumbBalonuOrta.png") no-repeat center left;} .simgeTumbBalonuAlt{width:300px;height:10px;background:url("/_img/simgeTumbBalonuAlt.png") no-repeat top left;margin-bottom:-10px;} .listeTumb{width:250px;} .dosya-duzenle{ display:inline-block; float:left; line-height:16px; margin:3px 0 0 0;} .sec-tur{display:inline-block; float:left; line-height:20px; margin:0 0 10px 10px;/*width:100px*/;} .sec-adet{display:inline-block; float:left; line-height:20px; margin:0 0 10px 10px;/*width:100px*/;} .sec-ebat{display:inline-block; float:left; line-height:20px; margin:0 0 10px 10px;/*width:100px*/;} .sec-kirim{display: inline-block;float:left; line-height:20px; margin:0 0 10px 10px;} .sec-kirim select{width: 120px;} .sec-adres{display:inline-block; float:left; line-height:20px; margin:0 0 0 20px;} .sec-adres-f{display:inline-block; float:left; line-height:20px; margin:0 0 0 20px;} .sec-sec{ display:inline-block; float:left; line-height:20px; margin: 5px 0 10px;/*width:305px;*/} .fiyat{ display: block; float: right; font-size: 11px; margin: 0 30px 0 0; padding-top: 10px; position: relative; text-align: right; width: 60px; } .fiyat .tutar{font-size:20px; text-align:right; font-weight: bold;} #alt-simge{ display:block; float:left; margin:30px 0 0 0} .customStyleSelectBox { font-size:11px; background-color: #bdbdbd; color:#000000; padding:0 3px 0 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px 4px; } .customStyleSelectBox.changed { background-color: #bdbdbd; } .customStyleSelectBoxInner { background:url("/_img/select.png") no-repeat center right; } .sec-sec select{width:600px;} .sec-tur select{width:120px;} #kutular{ display:block; width:100%; padding: 5px 0 0 0; background:url("/_img/matbuu_4adim_arka.gif") repeat-x top;clear: both;} #kutular-ic{ display:block; width:960px; height:180px; background:url("/_img/cubuk.gif") no-repeat top; margin:0 auto} .kutu {float: left; width: 185px; position: relative; padding: 20px 0 20px 55px; margin:5px 0 0 0; height: 100px; overflow: hidden} .kutu img.icon-1{position: absolute; left: 0; top: 14px; } .kutu img.icon{position: absolute; left: 6px; top: 14px; } .kutu h3.title { font-size: 22px; margin: 0 0 3px 0; font-weight:300;} .kutu h3.title a{ color:#666;} .kutu p{ font-size:12px; color:#959595; padding:0 10px 0 0; text-align:justify} #kutular-4adim{ display:block; width:960px; height:130px; background:url("/_img/matbuu_4adim.gif") no-repeat top; margin:0 auto; text-indent: -9999px} /* .tabs{ display:block; border-bottom:1px solid #c7c7c7; height:25px; padding:0 0 0 30px;} .tabs ul{ list-style:none; margin:0; padding:0;} .tabs ul li{ display:inline-block; float:left; } .tabs ul li.aktif a{ display:inline-block; float:left; height:25px; line-height:25px; color:#231f20; font-size:11px; margin:0 10px 0 0; -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px; background-color:#C7C7C7; padding:0 10px 0 10px; text-decoration:none } .tabs ul li.pasif a{ display:inline-block; float:left; height:25px; line-height:25px; color:#231f20; font-size:11px; margin:0 10px 0 0; padding:0 10px 0 10px; text-decoration:none } .tabs ul li.pasif a:hover{ -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px; background-color:#eeeeee; } */ .adres{ display:block; float:left; margin-bottom: 10px; padding: 10px; width:255px; height:auto; background:#dfdfdf; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-size:11px;} .buton-duzenle{ display:block; float:right; padding:2px 5px 2px 5px; margin:5px 0 0 5px; height:16px; line-height:16px; background:#cccbcc; color:#231f20; font-size:11px; text-decoration:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .buton-sil{ display:block; float:right; padding:2px 5px 2px 5px; margin:5px 0 0 5px; height:16px; line-height:16px; background:#cccbcc; color:#231f20; font-size:11px; text-decoration:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .buton-duzenle span{float:left; margin-right:3px;} .buton-duzenle:hover{ background:#b9b9b9;} .ic-sol{ display:block; float:left; width:300px; margin:0 30px 0 0;} .ic-sag{ display:block; float:left; width:630px;} .form{ margin:50px 0 0 0} .form td.label{ background-color: #F5F5F5; border: 1px solid #CCCCCC; border-radius:5px 0 0 5px; width:124px; height:37px; padding:0 0 0 10px;} .form input[type="text"] { background-color: #F5F5F5; border: 1px solid #CCCCCC; border-radius: 0 5px 5px 0; font-size: 16px; height: 31px; padding: 2px; width: 221px; } .form textarea{ width:221px; height:60px; background-color: #F5F5F5; border: 1px solid #CCCCCC; border-radius: 0 5px 5px 0; padding:2px; font-size:16px;} .form select{height:35px; background-color: #F1F1F1; border: 1px solid #CCCCCC; border-radius: 0 5px 5px 0;padding:6px; font-size:16px} .adresEkle{ display:block; float:right; padding:0 0 0 20px; margin:0 30px 15px 0; height:16px; line-height:16px; background:url("/_img/ekle.png") no-repeat center left; font-size:16px; color:#231f20; text-decoration:none;} .sag-kutu{ display:block; width:240px; float:right; margin:20px 0 0 0} .sag-kutu h2{ margin:0 10px 10px 10px; font-weight:300; padding:0; border-bottom:1px dotted #999} .buton{ display:inline-block; float:left} /*Attila SATAN 16.09.2011 */ #k1{display:block;} #sol{width:240px;float:left;} #sag{width:710px;float:right;} /**************************************************************************************YARDIM*/ .mt_yardim_sag img{border:dashed 2px #e0e0e0} .mt_yardim_sag a{ color:#00aef0;background:url("/_img/mt_simgeler_yardim_15.png") no-repeat; line-height: 30px;padding-left:15px; } .mt_yardim_sag h3{ color:#ff0000} .mt_yardim_sol_icerik{ float: left;height: 600px;overflow: hidden;width: 280px; } .mt_yardim_liste{margin:0;padding:0;list-style:none;} .mt_yardim_liste li{line-height:30px;margin-bottom: 10px;} .mt_yardim_liste li:hover{background: url("/_img/mt_anasayfa_icon.png") 0 -31px no-repeat} .mt_yardim_liste_selected{background: url("/_img/mt_anasayfa_icon.png") no-repeat;} .mt_yardim_liste li a { font-size: 14px; color:#666666;text-decoration: none;display: block;} .mt_yardim_basliklar_icon{background: url("/_img/mt_anasayfa_icon.png") -203px -78px no-repeat; display: block; padding-left: 20px;margin-left: 10px;} .mt_cizgi_bottom{ border-bottom: 1px solid #d4d4d4; display: block;margin-bottom: 2px;} .mt_basliklar_sol_cizgi{ border-bottom: 1px solid #eaeaea;width:224px; } .mt_basliklar_sol{ border-bottom: 1px solid #eeeeee;background:#eeeeee;width:224px; } .mt_yardim_liste li:hover .mt_basliklar_sol_cizgi{ border-bottom: 1px solid #eeeeee;background:#eeeeee;width:224px; } .mt_yardim_liste_title_sablon{ margin-top: 15px; } .mt_yardim_liste_title h1{ color:#006699; font-size:18px; } .mt_yardim_liste_title p{ color: #666666; text-decoration: none !important; } .mt_yardim_liste_title #icon{ width: 30px; height: 30px; background: url("/_img/mt_yardim_liste_icon.png"); float: left; margin:10px; } .mt_liste_link { overflow: hidden; display: block; margin-top: 5px; border: dashed 1px #fff; padding: 5px 0; } .mt_liste_link:hover{ border: dashed 1px #e2e2e2; } .mt_yardim_simge { float: left; margin: 0px 10px; } /* .mt_yardim_liste_content { margin: 10px; }*/ .mt_yardim_liste_content h1 { margin-bottom: 10px; } .mt_fiyat_listesi_ust_simge{ width: 960px; height: 64px; background: url("/_img/icon_matbuu_fiyat_listesi.png") no-repeat; padding-left: 65px; padding-top: 25px; margin-left:5px; } .mt_yardim_ust_simge{ width: 170px; height: 64px; background: url("/_img/icon_matbuu_yardim.png") no-repeat; padding-left: 55px; padding-top: 10px; margin-left:5px; } .mt_yardim_ust_simge h2{ color: #231f20 !important; padding-top: 15px; } /**************************************************************************************YARDIM*/ .mt_agac_link{ float: left; } .mt_agac_link a{ color:#444444; margin: 12px 0 0 10px; display: block; background: url("/_img/mt_simgeler_15.png") no-repeat scroll 0 -60px transparent; padding-left: 20px; } .mt_agac_link .mt_yardim_ilk{ background: none; margin: 7px 0 0 0; } .mt_agac_link a:hover{ color:#545454; } .mt_agac_link h1{ font-weight: normal; } .mt_filtre_input_div input{ padding: 7px 10px 7px 30px; width: 200px; background: url("/img/icons/mt_simgeler_30.png") 0 -150px no-repeat #fff; border: solid 1px #ccc; } .mt_yardim_cizgi{ background: url("/_img/mt_yardim_cizgi.png") bottom no-repeat;padding-bottom: 15px; } .mt_simge_30_geri_ileri_a a{color: #4c494a; display: block;} .mt_simge_30_geri_ileri_a a:hover{color: #2e2e2e;display: block;} .mt_simge_30_geri_ileri_a{ margin-top:7px; } .mt_uye_girisi { background: none repeat scroll 0 0 #FFFFFF; border: 2px dashed #CCCCCC; border-radius: 10px 0 10px 10px; color: #F2F2F2; font-weight: 900; margin-top: 5px; padding: 5px 10px; right: 0; text-decoration: none; top: 65px; width: 240px; z-index: 1000; } .mt_bilgilerim_margin{ margin-top:20px; } /*BİLGİLERİM*/ .mt_sekme_ana_bilgi_duzenle{ margin: 10px 0; overflow: hidden; } /*UYE OL*/ .mt_uyeol_reklam{ border: dashed 2px #999999; width: 455px; height: 400px; float:left; margin-left: 8px; } .mt_sekme_ana_uye_ol{ border: 1px solid #ECECEC; border-radius: 10px 10px 10px 10px; margin: 10px 0; overflow: hidden; padding: 10px; background: url(/_img/matbuu_uyeol_1.png); } .mt_sekme_ana_kaydi_tamamla{ border: 1px solid #ECECEC; border-radius: 10px 10px 10px 10px; margin: 10px 0; overflow: hidden; padding: 10px; background: url(/_img/matbuu_uyeol_2.png); } .mt_sekme_ana_zaten_uye_girisi{ border: 1px solid #ECECEC; border-radius: 10px 10px 10px 10px; margin: 10px 0; overflow: hidden; padding: 10px; background: url(/_img/matbuu_giris.png); } .mt_sekme_ana_sifremi_unuttum{ border: 1px solid #ECECEC; border-radius: 10px 10px 10px 10px; margin: 10px 0; overflow: hidden; padding: 10px; background: url(/_img/matbuu_unuttum.png); } .mt_sekme_ana_zaten_uye{ border: 1px solid #ECECEC; border-radius: 10px 10px 10px 10px; margin: 10px 0; overflow: hidden; padding: 10px; background: url(/_img/matbuu_uyeol_2.png); } .mt_bilgiler_uyelik{ width: 470px; } .mt_uyelik_bilgileri_sonuc{ float: left; margin-left: 5px; } .mt_uyelik_kisisel_bilgiler{ min-height: 300px; } .mt_uyelik_bilgileri{ min-height: 300px; } .mt_uyelik_adres_bilgileri{ display: none; } .mt_uye_ol_asama_sarmalayici{ border: 2px dashed #999; margin: 10px 0; overflow: hidden; padding: 10px; width: 470px; background: #f8f8f8; } #sol-menu-container{ float: left;height: 600px;overflow: hidden;width: 280px;} #sol-menu-container:hover{width:245px;overflow:auto;} .sol-menu-linkleri{padding-left:10px;} .sol-menu-linkleri ul, .sol-menu-linkleri li{padding-left:10px;list-style-type:none;padding:5px 0;} .sol-menu-linkleri li{border-width:1px 0 0 0;border-color:#dedede;border-style:solid;} .sol-menu-linkleri a{ text-decoration:none;font-size:12px;color:#5a5758;margin:5px 0;display:block;} .tickbox{ float: left; height: 40px; } .baskiyaGidecek{display:none;} .selectTur{/*width:110px;*/} .selectAdet{width:130px;} .selectEbat{width:85px;} .selectSecim{/*width:350px;*/} .loadinggif{display:none;} #uyelik{} /* liste bilgilendirme (YSN)--------------------- */ #listeBilgilendirme0{ width: 930px; float: left; height: 400px; background: url(/_img/listebilgilendirmearka.png) no-repeat; position: relative } #listeBilgilendirmeMenu{ width: 426px; height: 36px; position: absolute; left: 260px; top: 310px} #listeBilgilendirmeMenu a{ display: block; width: 426px; height: 36px; background: url("/_img/listebilgilendirmemenu.png"); text-indent: -9999px} #listeBilgilendirmeMenu a:hover{ width: 426px; height: 36px; background: url("/_img/listebilgilendirmemenu.png") 0 -36px;} #listeBilgilendirme{ width: 930px; float: left; margin: 20px 0 0 0;} #listeBilgilendirmeSol{ float: left; width: 575px; height: 350px; margin: 0 25px 0 0; line-height: 18px; } #listeBilgilendirmeSol p{margin: 10px 0 10px 0; color:#464646; background: url(/_img/icon_dosya.png) no-repeat; padding: 0 0 0 20px;} #listeBilgilendirmeSol a{ color: #ff0000} #listeBilgilendirmeSol a:hover{ text-decoration: underline} #listeBilgilendirmeSag{ float: left; width: 300px; height: 350px; } #listeBilgilendirmeSag ul{ list-style: none; margin: 20px 0 0 0; padding: 0} #listeBilgilendirmeSag ul li{ display: block; width: 300px;} #listeBilgilendirmeSag ul li a{ display: block; width: 300px; height: 25px; border-bottom: 1px solid #e7e7e7; line-height: 25px; color:#464646; background: url(/_img/icon_dosya.png) no-repeat; text-indent: 20px} #listeBilgilendirmeSag ul li a:hover{ text-indent: 5px; background: url(/_img/icon_dosya.png) no-repeat #e7e7e7; text-indent: 20px} /* --------------------- liste bilgilendirme (YSN) */ /* liste bilgilendirme (Attila)--------------------- */ #listeBilgilendirmeSarmalayici{display:none;overflow:hidden;width: 932px;clear: both;margin-top:20px; height: 350px;margin-left:5px;} #liste_kayan_bilgilendirme_scroll{overflow:hidden;width: 932px;clear: both;margin-top:20px; height: 300px;} #uploadSarmalayici{overflow:hidden;border:1px solid transparent;} .liste_indir_icon{background: url("/_img/liste_indir_icon.png") no-repeat;} .liste_indir_blok{ cursor: pointer; overflow: hidden; margin-top:10px; float: left; margin-right: 10px; } .liste_psd{ height: 48px; width: 38px; background-position: 0 -48px; float: left; } /*.liste_indir_blok:hover .liste_psd{ background-position: 0 -48px; }*/ .liste_ai{ height: 48px; width: 38px; background-position: -38px -48px; float: left; } /* .liste_indir_blok:hover .liste_ai{ background-position: -38px -48px; } */ .liste_cdr{ height: 48px; width: 38px; background-position: -115px -48px; float: left; } /* .liste_indir_blok:hover .liste_cdr{ background-position: -115px -48px; } */ .liste_indir_blok ul{ float: left; list-style: none; margin:10px; } .liste_indir_blok li{ margin-bottom: 2px; } .liste_indir_blok li a{ color: #231F20; font-size: 13px; } .liste_indir_blok li a:hover{ color: #BBBBBB; font-size: 13px; } .hazir_sablon{ margin: 20px 0 0 50px;; color: #ff0000; } .sablonlar_sekme{ width: 932px; height: 275px; float: left; } .liste_anlatim_sarmalayici{ width: 10260px; height: 300px; } /* --------------------- liste bilgilendirme (Attila) */ .informationBox{width:938px;background:#e9f7fd ;border:1px solid #ececec;height:63px;border-radius:10px;padding:10px;position: relative;} #listeYardimiAcKapa{ height:37px; width:105px; position: absolute; right: -1px; bottom: -30px; } .ok_asagi{background: url("/_img/liste_acilir_kapanlir_1.png") center center no-repeat;bottom:-14px;} .ok_yukari{background: url("/_img/liste_acilir_kapanlir.png") center center no-repeat;bottom:-1px;} .informationBoxer{width:938px;background:#fbfbfb;border:1px solid #ececec;height:72px;border-radius:10px;padding:10px} /*.informationBox:hover{background:#F1FFF8;}*/ .informationBoxIcon{width:50px;float:left;height:50px;padding: 15px 0 0 10px;} .informationBoxContent{float:left;width:600px;padding:15px 0 0 20px;} .informationBoxContentMain{color:#bbb; font-size:14px; font-weight:900;} .informationBoxContentBigger{color:#0b95ca; font-size:16px; font-weight:900;} .informationBoxContentSmaller{color:#bbb; font-size:12px; font-weight:700;} .sagButtonlar{float:right;width:160px;margin-top:13px} .infoTip { background: url("/_img/infoTip.png") no-repeat scroll 0 1px transparent; height: 20px; width: 20px; position:relative; margin:0px 0 0 3px; } .infoTip:hover{background-position:0 -19px} .infoTip:hover .matbuu-tooltip{display:block;} /*Tooltip Balonu-----------------*/ .matbuu-tooltip{width:245px;position:absolute;top:17px;left:-234px;display:none;z-index:999;} .matbuu-tooltip-top{background:url("/_img/tooltipbalonu.png") 0 0 no-repeat;height:27px;width:245px;} .matbuu-tooltip-center{background:url("/_img/tooltipbalonu-orta.png") 0 0 repeat-y;width:215px;height:50px;padding: 0 15px;} .matbuu-tooltip-bottom{background:url("/_img/tooltipbalonu.png") -490px 0 no-repeat;;width:245px;height:10px} .floatLeft{float:left;} /* İPUCU ----------------------------------------------------------------------- */ .mt_ipucu { background-color: transparent; overflow: hidden; position: absolute; } .mt_ipucu_ust_sarmalayici{ height: 6px; } .mt_ipucu_orta_sarmalayici{ background:#ffea95; } .mt_ipucu_alt_sarmalayici{ height: 6px; } .mt_ipucu_kose, .mt_ipucu_yatay_kenar, .mt_ipucu_dikey_kenar{ float:left; overflow: hidden; } .mt_ipucu_dikey_kenar{ background: url(/_img/ipucu_dikey_kenarlar.png) repeat-y; height: 60px; width:6px; } .mt_ipucu_yatay_kenar{ background: url(/_img/ipucu_yatay_kenarlar.png) repeat-x; height:6px; } .mt_ipucu_kose{ background-image: url(/_img/ipucu_koseler.png); height: 6px; width: 6px; } .mt_ipucu_ustsol{background-position: 0 0} .mt_ipucu_ustsag{background-position: 0 -6px} .mt_ipucu_ust{ background-position: 0 0; } .mt_ipucu_sag{background-position: 0 0;} .mt_ipucu_icerik{ float: left; } .mt_ipucu_sol{background-position: -6px 0;} .mt_ipucu_altsag{background-position: 0 -12px} .mt_ipucu_alt{ background-position: 0 -6px; } .mt_ipucu_altsol{background-position: 0 -18px} /* ----------------------------------------------------------------------- İPUCU */ /*Kayan İçerik Meselesi*/ #islerMenu{ background:#f3f3f3; border: 1px solid #ddd; border-radius: 10px 10px 10px 10px; font-size: 14px; margin: 2px 0; outline: medium none; overflow: hidden; padding: 8px 10px 0; text-decoration: none; } .ASCButton{display:block;position:relative;height:41px;float:left;text-decoration: none;} .geriOk{background:url("https://matbuu.com/_img/geri-ok.png") center center no-repeat; height:20px;width:20px;border:none; outline:none;display:block;float:left;margin:0 3px;} .ileriOk{background:url("https://matbuu.com/_img/ileri-ok.png") center center no-repeat; height:20px;width:20px;border:none; outline:none;display:block;float:left;margin:0 3px;} .islerBilgiBirim{color:#555555;font-size:12px;font-weight:400; line-height:23px; border: 1px solid #CCCCCC;border-radius:3px;background: #F7F7F7;padding:2px 5px; margin:0 5px;width: 100%;} .islerimIcon{ margin: 0 10px 0 0; padding: 1px; vertical-align: bottom;} .sayfalamaInput { background-color: #FAFAFA; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; float: left; font-size: 14px; padding-left: 5px; width: 50px; } .sayfalamaLinkleri{ outline:none; text-decoration:none; color:#8d8d8d; font-weight:600; font-size:14px; padding: 2px 4px; display:block; float:left; } .islerNavigasyon, .islerFiltre{ display:none; overflow: hidden; outline:none; text-decoration:none; color:#8d8d8d; font-weight:600; font-size:14px; background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; padding: 5px; margin: 2px 3px; float:right; height:20px; } .tSayfaSayisi { outline:none; text-decoration:none; color:#8d8d8d; font-weight:600; font-size:14px; padding: 2px 4px; display:block; } select.ssSelect{width: auto;} .slash { font-size: 14px; padding: 2px 6px; } .kayanIcerikSarmalayici{width:2886px; margin:10px 0;} .mt_kayanIcerikSarmalayici{width:3950px; margin:0;} #mt_kayanIslerSahne{overflow:hidden; width:960px;position:relative;} #mt_kayanIcerikSahne{overflow:hidden; width:960px;position:relative;} .mt_kayanBirim {width:960px;float:left;margin:0;overflow: hidden;} .mt_bilgilerim_sekme_sarmalayici{ background: #f8f8f8; border: 2px dashed #999; border-radius: 10px; margin: 10px 0; overflow: hidden; padding: 10px 20px; width: 510px; float: left; clear:both; } #kayanIslerSahne{overflow:hidden; width:960px;} #kayanIcerikSahne{overflow:hidden; width:960px;} .kayanBirim {width:960px;float:left;margin:0 1px;} .kayanIcerikBirim{width:960px;position:relative;} .kayanIcerikYukleniyor{position:absolute;z-index:1001;width:960px;height:inherit;} .islerAciklamaSarmalayici{padding:10px;} .islerimSatir{ border: 2px dashed #CCCCCC; border-radius: 6px 6px 6px 6px; display: block; float: left; margin: 5px 0; position: relative; width: 953px; } .islerimOnizleme{ border-radius: 3px; border-right: 1px solid #CCCCCC; float: left; height: 65px; margin: 6px; width: 120px; text-align: center; overflow: hidden; } .islerFiyat{ display: block; font-size: 11px; right:10px; top:10px; padding-top: 10px; position: absolute; text-align: right; width: 90px; } .isler_kopyala_buton_sarmalayici{ display: block; font-size: 11px; right:0; top:50px; position: absolute; text-align: center; width: 120px; height: 25px; } .kopya_durum{ color: #555555; float: left; margin: 8px; padding: 0; position: absolute; right: 140px; top: 45px; width:140px; } .islerButtonUstSag, .islerButtonUstSol, .islerButtonS, .islerButtonUstOrta, .islerButtonUstAlt{} .islerButtonUst{height:32px;overflow:hidden;padding:0 10px;} .islerButtonUstSag, .islerButtonUstSol{width:10px;height:32px;position:absolute;top:0;} .islerButtonUstSag{right:0;} .islerButtonUstSol{left:0;} .islerButtonS{height:41px;min-width:50px;overflow:hidden;font-weight:400;} .pasifIslerBut .islerButtonS{color:#bdbdbd;padding:0 10px; } .aktifIslerBut .islerButtonS{color:#fafafa; } .islerButtonUstOrta{height: 27px;padding: 8px 0;text-decoration:none;} .islerButtonAlt{height:9px;;margin-top:-3px;} .aktifIslerBut .islerButtonUstSag{background:url("/_img/isler-button-sag.png") top left no-repeat;} .pasifIslerBut:hover .islerButtonUstSag{background:url("/_img/isler-button-sag.png") 0 -42px no-repeat;} .aktifIslerBut .islerButtonUstSol{background:url("/_img/isler-button-sol.png") top left no-repeat;} .pasifIslerBut:hover .islerButtonUstSol{background:url("/_img/isler-button-sol.png") left -42px no-repeat;} .aktifIslerBut .islerButtonUst{background:url("/_img/isler-button-bg.png") repeat-x scroll left top transparent;margin: 0 10px;} .pasifIslerBut:hover .islerButtonUst{background:url("/_img/isler-button-bg.png") repeat-x scroll left -42px transparent;} .aktifIslerBut .islerButtonAlt{background:url("/_img/isler-button-alt.png") center -2px no-repeat;} .pasifIslerBut:hover .islerButtonAlt{background:url("/_img/isler-button-alt.png") center -14px no-repeat;} .filtreli{display:none;} /* MESAJLAR */ .mesajPanosu{color:#555;font-weight:400;} .mesajMesaj{margin:5px 5px 5px 30px;padding:10px 30px;border-radius:3px;border:1px solid #efefef;position:relative;} .mesajlar_icons{ background:url("/_img/icon_matbuu_mesaj.png") no-repeat; } .mesajlar_h1{ display: block; border-bottom: 1px dashed #d7d7d7; height: 64px; padding-left: 60px; padding-top: 7px; margin:0 0 10px 0; } .ik_h1{ height: 60px; width: 275px; background-position: 0; padding-left: 60px; padding-top: 7px; } .mesajOkundu .matbuuMesaj{ margin:5px; /*background-color:#a3dcf2; color:#fff;*/ background:url("/_img/matbuu-info.png") no-repeat scroll 6px 9px transparent; } .mesajOkundu .kullaniciMesaj{ /*background-color: #F7F7F7; border:1px solid #fffff1;*/ background:url("/_img/matbuu-ticket.png") no-repeat scroll 6px 9px transparent; } .mesajOkundu .mesajHataMesaji{ margin:5px; background:url("/_img/matbuu-ticket.png") no-repeat scroll 6px 9px transparent; border: 3px dashed #Fdaaaa; } .mesajOkunmadi .matbuuMesaj{ margin:5px; /*background-color:#0993C8; color:#fff;*/ } .mesajOkunmadi .kullaniciMesaj{ /*position:relative; bottom:-10px; margin-left:20px; margin-bottom: -20px;*/ } .mesajOkunmadi .mesajHataMesaji{ /*background-color: #FFd90C; border: 3px dashed #FF0000; color: #FFFFFF;*/ border: 3px dashed #Ff7777; font-weight: 900; margin: 5px; } .mesajOkundu{border:1px solid #dfdfdf;color:#a1a1a1} .mesajOkunmadi{border:1px solid #afafaf;color:#616161;} .mesajlarGrup{padding:10px;margin:10px 10px 10px; padding: 5px; border-radius:4px; position:relative;} .mesajlarHataliGrup{} .bilgiDivi{ background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #ddd; border-radius: 10px 10px 10px 10px; margin:0 0 2px 0; padding: 4px 10px; border-radius: 5px; } .mesajIcerik{display:none;} .mesajlarHataliIs{border:1px dashed #f77;} .mesajlarIsler{margin: 10px 0 ;} .mesajSiparis{ display: block; font-size: 16px; height: 21px; line-height: 20px; padding: 0 0 0 30px;} .mesajOkundu .mesajSiparis{background: url("/_img/matbuu-mesaj.gif") no-repeat scroll 0 3px transparent} .mesajOkunmadi .mesajSiparis{background: url("/_img/matbuu-yeni-mesaj.gif") no-repeat scroll 0 3px transparent} .mesajKullaniciCevapFormu ,.mesajKullaniciCevapFormu{resize:none; width:720px; margin: 5px 10px; display:none;} .mesajGorunenForm{display:block;} .cevapFormu textarea{resize:none;} .mesajTarih{font-size: 11px;position:absolute;right: 10px;top:10px;} .mesajIsler{ display: block; font-size: 16px; height: 29px;} .mesajlar-is-hatasi{ color: #CC6666; float: right;} .mesaj-oku{vertical-align: sub;float:right;} .mesaj-cevapla{ float:right; margin-right: 100px; margin-top: -3px; } /*SİPARİŞ ONAY ADRES*/ #siparis_onay_adres_kargo .matbutton-U{margin-right:10px;} .siparis_onay_adres_ekle, .siparis_onay_diger_adresler, .siparis_onay_adres_duzenle, .islerKargo{ background:#fefefe; border: 5px dashed #666; left: 0; position: fixed; top: 25px; z-index: 40000; display:none; border-radius:15px; } .siparis_onay_diger_adresler_sarmalayici{height:700px;overflow-y:scroll;overflow-x:hidden;width:590px;float:left;} .siparis_onay_secili_adres{ width:435px; float:left; } .mt_siparis_ozet_adres{ width:320px; float:left; } .siparis_onay_adresler_teslimat{ min-height:300px; } .siparis_onay_adres_ekle ,.siparis_onay_adres_duzenle{ width: 448px; padding: 10px 100px; } .siparis_onay_diger_adresler{padding:10px;overflow: hidden;} .siparis_onay_form_uyarı{color:#d00;} /*MATBUTTON */ .matbutton, .matbutton-U, .mt_button_ileri{ cursor:pointer; text-decoration:none; display:inline-block; min-width:30px; overflow:hidden; font-weight:400; color: #FDFDFD; *display: inline; zoom: 1; display: -moz-inline-stack; } .matbutton{ font-size:14px; height:29px; line-height: 28px; } .matbutton-U{ font-size:12px; height:20px; line-height: 19px; z-index: 997; } .mt_buton_ileri{ height: 40px; } .matbutton-U div{z-index: 998} .matbutton-canvas-U, .matbutton-canvas, .mt_button_ileri_sarmalayici{ position:relative; } .matbutton-sol{position:absolute;top:0;left:0;background: url("/_img/matbuttons.png") 0 0 no-repeat;width:10px;height:29px;} .matbutton:hover .matbutton-sol{background-position: 0 -87px} .matbutton-orta{margin:0 10px;background: url("/_img/matbuttons.png") 0 -29px repeat-x;height:29px;padding:0 10px;} .matbutton:hover .matbutton-orta{background-position: 0 -116px;} .matbutton-sag{position:absolute;top:0;right:0px;background: url("/_img/matbuttons.png") 0 -58px no-repeat;width:10px;height:29px;} .matbutton:hover .matbutton-sag{background-position: 0 -145px;} .matbutton-sol-U{position:absolute;top:0;left:0;background: url("/_img/matbuttons-u.png") 0 0 no-repeat;width:7px;height:20px;} .matbutton-U:hover .matbutton-sol-U{background-position: 0 -60px} .matbutton-orta-U{margin:0 7px;background: url("/_img/matbuttons-u.png") 0 -20px repeat-x;height:20px;padding:0 7px;} .matbutton-U:hover .matbutton-orta-U{background-position: 0 -80px;} .matbutton-sag-U{position:absolute;top:0;right:0px;background: url("/_img/matbuttons-u.png") 0 -40px no-repeat;width:7px;height:20px;} .matbutton-U:hover .matbutton-sag-U{background-position: 0 -100px;} .mt_button_ileri_sol{position:absolute;top:0;left:0;background: url("/_img/siparis_ileri_button.png") 0 0 no-repeat;width:16px;height:40px;} .mt_button_ileri:hover .mt_button_ileri_sol{background-position: 0 -120px} .mt_button_ileri_orta{margin:0 16px;background: url("/_img/siparis_ileri_button.png") 0 -40px repeat-x;height:40px;padding:0 35px;line-height: 39px; font-size: 16px} .mt_button_ileri:hover .mt_button_ileri_orta{background-position: 0 -160px;} .mt_button_ileri_sag{position:absolute;top:0;right:0px;background: url("/_img/siparis_ileri_button.png") 0 -80px no-repeat;width:16px;height:40px;} .mt_button_ileri:hover .mt_button_ileri_sag{background-position: 0 -200px;} /* .pasifmatbutton .matbutton-sol{position:absolute;top:0;left:0;background: url("/_img/matbuttons.png") 0 -174px no-repeat;width:10px;height:29px;} .pasifmatbutton:hover .matbutton-sol{background-position: 0 -174px} .aktifmatbutton .matbutton-sol{position:absolute;top:0;left:0;background: url("/_img/matbuttons.png") 0 0 no-repeat;width:10px;height:29px;} .aktifmatbutton:hover .matbutton-sol{background-position: 0 -87px} .pasifmatbutton .matbutton-orta{margin:0 10px;background: url("/_img/matbuttons.png") 0 -203px repeat-x;height:29px;padding:0 10px;} .pasifmatbutton:hover .matbutton-orta{background-position: 0 -203px;} .aktifmatbutton .matbutton-orta{margin:0 10px;background: url("/_img/matbuttons.png") 0 -29px repeat-x;height:29px;padding:0 10px;} .aktifmatbutton:hover .matbutton-orta{background-position: 0 -116px;} .pasifmatbutton .matbutton-sag{position:absolute;top:0;right:0px;background: url("/_img/matbuttons.png") 0 -232px no-repeat;width:10px;height:29px;} .pasifmatbutton:hover .matbutton-sag{background-position: 0 -232px;} .aktifmatbutton .matbutton-sag{position:absolute;top:0;right:0px;background: url("/_img/matbuttons.png") 0 -58px no-repeat;width:10px;height:29px;} .aktifmatbutton:hover .matbutton-sag{background-position: 0 -145px;} */ /*.pasifmatbutton .matbutton-sol-U{position:absolute;top:0;left:0;background: url("/_img/matbuttons-u.png") 0 0 no-repeat;width:7px;height:20px;} .pasifmatbutton .matbutton-U:hover .matbutton-sol-U{background-position: 0 -60px} .aktifmatbutton .matbutton-sol-U{position:absolute;top:0;left:0;background: url("/_img/matbuttons-u.png") 0 0 no-repeat;width:7px;height:20px;} .aktifmatbutton .matbutton-U:hover .matbutton-sol-U{background-position: 0 -60px} .pasifmatbutton .matbutton-orta-U{margin:0 7px;background: url("/_img/matbuttons-u.png") 0 -20px repeat-x;height:20px;padding:0 7px;} .pasifmatbutton .matbutton-U:hover .matbutton-orta-U{background-position: 0 -80px;} .aktifmatbutton .matbutton-orta-U{margin:0 7px;background: url("/_img/matbuttons-u.png") 0 -20px repeat-x;height:20px;padding:0 7px;} .aktifmatbutton .matbutton-U:hover .matbutton-orta-U{background-position: 0 -80px;} .pasifmatbutton .matbutton-sag-U{position:absolute;top:0;right:0px;background: url("/_img/matbuttons-u.png") 0 -40px no-repeat;width:7px;height:20px;} .pasifmatbutton .matbutton-U:hover .matbutton-sag-U{background-position: 0 -100px;} .aktifmatbutton .matbutton-sag-U{position:absolute;top:0;right:0px;background: url("/_img/matbuttons-u.png") 0 -40px no-repeat;width:7px;height:20px;} .aktifmatbutton .matbutton-U:hover .matbutton-sag-U{background-position: 0 -100px;} */ /* BASKIDA KOPYALA */ .mt_baskida_kopyala{ display:block; position:relative; height:20px; float:left; text-decoration: none; margin: 0; font-weight:900; } .mt_baskida_kopyala_button{ overflow:hidden; height:20px; color:#aaa; } .mt_baskida_kopyala_buton_sol, .mt_baskida_kopyala_buton_sag{ width: 7px; height: 20px; float: left; } .mt_baskida_kopyala_buton_orta{ float: left; height: 20px; line-height: 20px; padding: 0; width: 97px; color: #ffffff; } .mt_baskida_kopyala_buton_aktif .mt_baskida_kopyala_buton_sol{ background: url("/_img/matbuttons-u.png") 0 0 no-repeat; } .mt_baskida_kopyala_buton_aktif:hover .mt_baskida_kopyala_buton_sol{ background: url("/_img/matbuttons-u.png") 0 -60px no-repeat; } .mt_baskida_kopyala_buton_pasif .mt_baskida_kopyala_buton_sol{ background: url("/_img/matbuttons-u.png") 0 -120px no-repeat; } .mt_baskida_kopyala_buton_aktif .mt_baskida_kopyala_buton_orta{ background: url("/_img/matbuttons-u.png") 0 -20px repeat-x; } .mt_baskida_kopyala_buton_aktif:hover .mt_baskida_kopyala_buton_orta{ background: url("/_img/matbuttons-u.png") 0 -80px repeat-x; } .mt_baskida_kopyala_buton_pasif .mt_baskida_kopyala_buton_orta{ background: url("/_img/matbuttons-u.png") 0 -140px repeat-x; } .mt_baskida_kopyala_buton_aktif .mt_baskida_kopyala_buton_sag{ background: url("/_img/matbuttons-u.png") 0 -40px no-repeat; } .mt_baskida_kopyala_buton_aktif:hover .mt_baskida_kopyala_buton_sag{ background: url("/_img/matbuttons-u.png") 0 -100px no-repeat; } .mt_baskida_kopyala_buton_pasif .mt_baskida_kopyala_buton_sag{ background: url("/_img/matbuttons-u.png") 0 -160px no-repeat; } /*BASKIDA KOPYALA*/ .mt_kopyala_icon{ width: 16px; height: 16px;float: left;margin-top:2px;margin-right:0;background: url("/_img/copy.png")} .mt_iptal_icon { background: url("/_img/cancel.png") repeat scroll 0 0 transparent; float: left; height: 10px; margin-right: 15px; margin-top: 5px; width: 10px; } /*YARDIM BUTTON */ /*YARDIM BUTTON*/ .mt_yardim_sayfalama{display:block;position:relative;height:29px;text-decoration: none; margin: 0;font-weight:900;} .mt_yardim_sayfalama_button{overflow:hidden;height:29px;color:#aaa;} .mt_yardim_sayfalama_button_aktif .mt_yardim_sayfalama_button{color: #F0F0F0;} .mt_yardim_sayfalama_button_sol_onceki,.mt_yardim_sayfalama_button_sol_sonraki, .mt_yardim_sayfalama_button_sag_onceki, .mt_yardim_sayfalama_button_sag_sonraki{width:18px;height:29px;float:left;} .mt_yardim_sayfalama_button_orta_onceki{float: left;height: 29px;line-height: 30px;padding: 0 10px 0 25px;} .mt_yardim_sayfalama_button_orta_sonraki{float: left;height: 29px;line-height: 30px;padding: 0 25px 0 10px;} .mt_yardim_sayfalama_button_aktif .mt_yardim_sayfalama_button_sag_onceki{background:url("/_img/mt_yardim_sayfalama.png") 0 -116px no-repeat;} .mt_yardim_sayfalama_button_sag_onceki{background:url("/_img/mt_yardim_sayfalama.png") 0 -360px no-repeat;} .mt_yardim_sayfalama_button_sag_onceki{background:url("/_img/mt_yardim_sayfalama.png") 0 -360px no-repeat;} .mt_yardim_sayfalama_button_aktif .mt_yardim_sayfalama_button_sag_sonraki{background:url("/_img/mt_yardim_sayfalama.png") 0 0 no-repeat;} .mt_yardim_sayfalama_button_sag_sonraki{background:url("/_img/mt_yardim_sayfalama.png") 0 -360px no-repeat;} .mt_yardim_sayfalama_button_sag_sonraki{background:url("/_img/mt_yardim_sayfalama.png") 0 -360px no-repeat;} .mt_yardim_sayfalama_button_aktif .mt_yardim_sayfalama_button_sol_onceki{background:url("/_img/mt_yardim_sayfalama.png") 0 -87px no-repeat;} .mt_yardim_sayfalama_button_sol_onceki{background:url("/_img/mt_yardim_sayfalama.png") 0 -216px no-repeat;} .mt_yardim_sayfalama_button_sol_onceki{background:url("/_img/mt_yardim_sayfalama.png") 0 -216px no-repeat;} .mt_yardim_sayfalama_button_aktif .mt_yardim_sayfalama_button_sol_sonraki{background:url(http://matbuu.com/_img/mt_yardim_sayfalama.png) 0 -58px no-repeat;} .mt_yardim_sayfalama_button_sol_sonraki{background:url("/_img/mt_yardim_sayfalama.png") 0 -216px no-repeat;} .mt_yardim_sayfalama_button_sol_sonraki{background:url("/_img/mt_yardim_sayfalama.png") 0 -216px no-repeat;} .mt_yardim_sayfalama_button_aktif .mt_yardim_sayfalama_button_orta_onceki{background:url(http://matbuu.com/_img/mt_yardim_sayfalama.png) repeat-x scroll 0 -29px transparent;} .mt_yardim_sayfalama_button_orta_onceki{background:url("/_img/mt_yardim_sayfalama.png") repeat-x scroll 0 -288px transparent;} .mt_yardim_sayfalama_button_orta_onceki{background:url("/_img/mt_yardim_sayfalama.png") repeat-x scroll 0 -288px transparent;} .mt_yardim_sayfalama_button_aktif .mt_yardim_sayfalama_button_orta_sonraki{background:url("/_img/mt_yardim_sayfalama.png") repeat-x scroll 0 -29px transparent;} .mt_yardim_sayfalama_button_orta_sonraki{background:url("/_img/mt_yardim_sayfalama.png") repeat-x scroll 0 -288px transparent;} .mt_yardim_sayfalama_button_orta_sonraki{background:url("/_img/mt_yardim_sayfalama.png") repeat-x scroll 0 -288px transparent;} .mt_yardim_anasayfa_h2_icon{ background:url("/_img/mt_anasayfa_icon.png") 0 -62px; height:30px; width:32px; float:left; margin-right: 10px; } .mt_yardim_anasayfa_li{width:350px;float:left;height:200px;list-style: none;} .mt_yardim_anasayfa_li li{list-style: none;} .mt_yardim_li_baslik{margin-top:5px;margin-left:5px; width: 300px;} .mt_yardim_li_baslik a{ color:#666666; background:url("/_img/mt_anasayfa_icon.png") -204px -62px no-repeat; padding-left: 20px; height:16px; display: block; margin-bottom: 1px; } .mt_yardim_li_baslik a:hover{ color:#231F20;} /*.mt_yardim_anasayfa_alt_menu_icon{background:url("/_img/mt_anasayfa_icon.png") 0px -78px;height:18px;width:16px;float:left;}*/ .mt_yardim_li_baslik h2{ font-size: 25px; margin-top: 5px; color: #999999; } /*Bilgilerim*/ .bilgilerim_adres_hucresi{ background: none repeat scroll 0 0 #EEEEEE; border-color: #DDDDDD; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #888888; display: block; font-size: 12px; padding: 5px; } .bilgilerim_adres_hucresi_ic{ height:326px; } .bilgilerim_adres_diger_adresler_birim { float: left; overflow: hidden; width: 290px; margin: 4px; } .bilgilerim_adres_hucresi_ic_hucre{ padding: 2px 0; border-bottom: solid 1px #dddddd; } /*siparis onay*/ .siparis_adimlari_button_margin{margin:0 10px;} .siparis_onay_adres_button_div{padding:10px 5px;} .siparis_onay_diger_adresler .siparis_onay_adres_button_div{margin:10px 0;} .siparis_onay_adres_hucresi{ padding:5px; width:415px; margin:5px; float:left; background: none repeat scroll 0 0 #EEEEEE; border-color: #DDDDDD; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #888888; font-size:12px; display: block; } .odeme_form_sarmalayici{ width: 450px; } .mt_odeme_arkaplan{ background:url("/_img/matbuu_guven.png") repeat scroll 0 0 transparent; } .siparis_onay_adres_hucresi_ic{height:250px;} .siparis_onay_diger_adresler_birim { float: left; overflow: hidden; width: 285px; } .siparis_onay_diger_adresler{padding:10px 100px;display:none;} .siparis-adimlari{display:block;position:relative;height:72px;float:left;text-decoration: none; margin: 0;font-weight:900;} .siparis-adimlari-button{overflow:hidden;height:72px;color:#aaa;} .siparis-adimlari-button-aktif .siparis-adimlari-button{color: #F0F0F0;} .siparis-adimlari-button-sol, .siparis-adimlari-button-sag{width:40px;height:72px;float:left;} .siparis-adimlari-button-orta{float: left;height: 42px; padding: 30px 10px 0 40px;width: 97px; font-size: 18px} .siparis-adimlari-button-aktif .siparis-adimlari-button-sag{background:url("/_img/siparis-onay-button.png") 0 -144px no-repeat;} .siparis-adimlari-button-pasif .siparis-adimlari-button-sag{background:url("/_img/siparis-onay-button.png") 0 -360px no-repeat;} .siparis-adimlari-button-onceki:hover .siparis-adimlari-button-sag{background:url("/_img/siparis-onay-button.png") 0 -360px no-repeat;} .siparis-adimlari-button-aktif .siparis-adimlari-button-sol{background:url("/_img/siparis-onay-button.png") 0 0 no-repeat;} .siparis-adimlari-button-pasif .siparis-adimlari-button-sol{background:url("/_img/siparis-onay-button.png") 0 -216px no-repeat;} .siparis-adimlari-button-onceki:hover .siparis-adimlari-button-sol{background:url("/_img/siparis-onay-button.png") 0 -216px no-repeat;} .siparis-adimlari-button-aktif .siparis-adimlari-button-orta{background:url("/_img/siparis-onay-button.png") repeat-x scroll 0 -72px transparent;} .siparis-adimlari-button-pasif .siparis-adimlari-button-orta{background:url("/_img/siparis-onay-button.png") repeat-x scroll 0 -288px transparent;} .siparis-adimlari-button-onceki:hover .siparis-adimlari-button-orta{background:url("/_img/siparis-onay-button.png") repeat-x scroll 0 -288px transparent;} .siparis_onay_adres_ekle_form, .siparis_onay_adres_duzenle_form{width:475px;} .siparis_onay_adres_ekle_kapat, .siparis_onay_adres_sec_kapat,.siparis_onay_adres_duzenle_kapat{position: absolute;right: 20px;top: 20px;} .siparis_onay_adres_ekle_kapat:hover{background-color:#ffcccc} .siparis-adimlari-icon-0{ position: absolute; left: 20px; top:15px; width: 45px; height: 45px; background:url("/_img/matbuu_adim_0.png") no-repeat; } .siparis-adimlari-icon-1{ position: absolute; left: 20px; top:15px; width: 45px; height: 45px; background:url("/_img/matbuu_adim_1.png") no-repeat; } .siparis-adimlari-icon-2{ position: absolute; left: 20px; top:15px; width: 45px; height: 45px; background:url("/_img/matbuu_adim_2.png") no-repeat; } .siparis-adimlari-icon-3{ position: absolute; left: 20px; top:15px; width: 45px; height: 45px; background:url("/_img/matbuu_adim_3.png") no-repeat; } /*TMPL IS*/ .mt_ana_div{ background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #ECECEC; border-radius: 10px; padding: 10px 20px; margin:10px 0; overflow:hidden; } .mt_ust_bolge { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #ECECEC; height: 36px; padding: 10px; width: 938px; margin-bottom: 30px; } .mt_isler_hucre_sarmalayici{ background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #ECECEC; border-radius: 10px 10px 10px 10px; margin: 10px 0; overflow: hidden; padding: 10px; } .mt_isler_hucre_baslik_sarmalayici{ position: relative; } .mt_isler_hucre_baslik{ padding: 5px 10px; background: #ebebeb; border: 1px solid #ececec; border-radius:5px; } .mt_isler_hucre_acik_kapali_ok{ position: absolute; right: 10px; top: 10px; } .mt_isler_hucreler{display: none;overflow:hidden;} .mt_is_hucre_u{ float:left; width:916px; background: none repeat scroll 0 0 #fbfbfb; border-bottom: 1px solid #ECECEC; /*border-radius: 4px 4px 4px 4px;*/ clear: both; font-size: 11px; margin: 3px 0; overflow:visible; display: block; } .mt_organel_u{float:left; padding:3px 8px;} .mt_organel_u_is_kod{display:none;} .mt_organel_u_secenek_fiyat, .mt_organel_u_secenek_adet, .mt_organel_u_baski_tur, .mt_organel_u_is_secenek_kodu{float:right;} .mt_pencere_ap{background:#000;opacity:.7;filter: alpha(opacity=70); position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display: none;} .mt_islerim_grup { border: 1px dashed #CCCCCC; margin: 3px 0 10px; padding: 3px 5px 10px; } .mt_islerim_ozellik { border-bottom: 1px solid #DDDDDD; padding: 2px; } /* MT SEKME BUTTONLARI --------------------------------------------------------- */ .mt_sekme_ana{ margin: 10px 0; overflow: hidden; } .mt_sekme_ana_sol{ background: none repeat scroll 0 0 #FBFBFB; /*border: 1px solid #ECECEC;*/ border-radius: 20px 20px 20px 20px; margin: 10px 0; overflow: hidden; padding: 10px 10px; width: 938px; } .mt_sekme_navigasyon_sarmalayici{ overflow:hidden; width:940px; } .mt_sekme_navigasyonu{ overflow:hidden;float:left; } .mt_sekme_sarmalayici{ background: none repeat scroll 0 0 #FBFBFB; /*border: 1px solid #ECECEC;*/ border-radius: 20px 20px 20px 20px; margin: 10px 0; overflow: hidden; padding: 15px; width: 545px; float:left;} .mt_sekme_button{display:block;position:relative;height:41px;float:left;text-decoration: none;} .mt_sekme_button_ust{height:32px;overflow:hidden;margin:0 16px;} .mt_sekme_button_ust_sag, .mt_sekme_button_ust_sol{width:16px;height:32px;position:absolute;top:0;} .mt_sekme_button_ust_sag{right:0;} .mt_sekme_button_ust_sol{left:0;} .mt_sekme_button_sarmalayici{height:41px;min-width:50px;font-weight:400;} .mt_sekme_button_pasif .mt_sekme_button_sarmalayici{color:#303030; } .mt_sekme_button_aktif .mt_sekme_button_sarmalayici{color:#fafafa; } .mt_sekme_button_ust_orta{height: 27px;padding: 8px 0px;margin: 0 16px;text-decoration:none;} .mt_sekme_button_alt{height:9px;;margin-top:-3px;} .mt_sekme_button_aktif .mt_sekme_button_ust_sag{background:url("/_img/matbuu_sekme.png") no-repeat scroll left -76px transparent;} .mt_sekme_button_pasif:hover .mt_sekme_button_ust_sag{background:url("/_img/matbuu_sekme.png") 0 -184px no-repeat;} .mt_sekme_button_aktif .mt_sekme_button_ust_sol{background:url("/_img/matbuu_sekme.png") repeat-x scroll left 0 transparent;} .mt_sekme_button_pasif:hover .mt_sekme_button_ust_sol{background:url("/_img/matbuu_sekme.png") left -108px no-repeat;} .mt_sekme_button_aktif .mt_sekme_button_ust{background:url("/_img/matbuu_sekme.png") repeat-x scroll left -32px transparent;} .mt_sekme_button_pasif:hover .mt_sekme_button_ust{background:url("/_img/matbuu_sekme.png") repeat-x scroll left -140px transparent;} .mt_sekme_button_aktif .mt_sekme_button_alt{background:url("/_img/matbuu_sekme.png") no-repeat scroll center -65px transparent;} /*.mt_sekme_button_pasif:hover .mt_sekme_button_alt{background:url("/_img/matbuu_sekme.png") center -172px no-repeat;} */ /* --------------------------------------------------------- MT SEKME BUTTONLARI */ /* BANKA SEKMELERİ ------------------------------------------------------------- */ .kredi_odeme_havale_banka{ width: 140px; height: 50px; background: url("/_img/bankalar.png") no-repeat scroll 0pt 0pt transparent; } .mt_banka_sec_aktif{background-color: #d8ffee;} .mt_banka_logolari{width:140px;height:50px;background:url("/_img/bankalar.png") no-repeat scroll transparent;float:left;} .mt_banka_logolari_garanti{background-position:0 -47px; } .mt_banka_logolari_is{background-position: 0 -101px;} .mt_banka_logolari_yk{ background-position: 0 -3px} .mt_banka_logolari_teb{ background-position: -157px -3px;} .mt_banka_logolari_akbank{background-position: -159px -49px;} /* ------------------------------------------------------------- BANKA SEKMELERİ */ /**/ .fiyat_listesi_sarmalayici { border: 2px dashed #CCCCCC; border-radius: 5px 5px 5px 5px; display: block; float: left; margin: 5px 0; position: relative; width: 953px; } /* AÇIKLAMA -------------------------------------------------------------------- */ .mt_is_balonu_icon{width:40px;height:35px;float:right;margin-right:30px;background:url("/_img/is-aciklama.png") no-repeat center -35px;display:block;} .mt_is_balonu_icon:hover{background-position: center 0;} .mt_stilsiz_input{border:0 none transparent; padding: 5px; font-size: 11px; color: #000} .mt_aciklama_alani{ background: none repeat scroll 0 0 transparent; height: 71px; margin: 19px 0 0 8px; resize: none; width: 226px; } .mt_aciklama_balonu_sarmalayici{background:url("/_img/aciklama-balonu.png") no-repeat top left;width:250px;height:125px;position:absolute;display:none;z-index:99999} /* -------------------------------------------------------------------- AÇIKLAMA */ .mt_form_elemani_text, .mt_form_elemani_select, .mt_form_elemani_checkbox, .mt_form_elemani_radio, .mt_form_elemani_kart, .mt_form_elemani_kartskt, .mt_form_elemani_dogumT{ margin: 5px 0; width: 450px; font-size:16px; } .mt_form_elemani_kart input[type="file"]{ background: none repeat scroll 0 0 #fff; border-color: #ddd; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #888888; display: block; float: right; font-size: 14px; line-height: 26px; opacity: 1; width: 290px; } .mt_form_elemani_select_ilceler{display:none;} .mt_form_elemani_text legend, .mt_form_elemani_select legend, .mt_form_elemani_checkbox legend, .mt_form_elemani_radio legend, .mt_form_elemani_kart legend, .mt_form_elemani_kartskt legend, .mt_form_elemani_dogumT legend{ float:left; display:block; font-weight:400; font-size:16px; color: #fff; } .mt_form_elemani_text input, .mt_form_elemani_select select, .mt_form_elemani_checkbox input, .mt_form_elemani_radio input, .mt_form_elemani_kart input, .mt_form_elemani_kartskt select{ background: none repeat scroll 0 0 #fff; border-color: #ddd; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #888888; display: block; float: right; font-size: 14px; line-height: 26px; opacity: 1; overflow: hidden; position: relative; }/* IE 7 Hack ------------------------------------------------------------------ */ *+html .mt_form_elemani_text input, *+html .mt_form_elemani_kart input,*+html .mt_form_elemani_kartskt select{ margin-top: -33px; } *+html .mt_form_elemani_select select{ margin-top: -28px; height: 30px; line-height: 30px; } /* ------------------------------------------------------------------ IE 7 Hack */ .mt_form_elemani_dogumT select{ background: none repeat scroll 0 0 #eee; border-color: #ddd; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #888888; display: block; float: left; font-size: 14px; line-height: 26px; opacity: 1; } *+html .mt_form_elemani_dogumT select, *+html .mt_form_elemani_radio input, *+html .mt_form_elemani_checkbox input{ margin-top:-29px; } .mt_form_elemani_text input, .mt_form_elemani_select select, .mt_form_elemani_kart input, .mt_form_elemani_kartskt select{ height: 26px; margin-top: -3px; padding: 3px 0 0 5px; overflow: hidden; position: relative; right: 0; } .mt_form_elemani_kart input{ letter-spacing: 3px; margin-left: 1px; padding: 3px 0 0 10px; width: 54px; } .mt_form_elemani_kartskt select{ width:auto; margin-left: 1px; } .mt_form_elemani_text input, .mt_form_elemani_select select{width: 260px;} .mt_form_elemani_select select, .mt_form_elemani_kartskt select, .mt_form_elemani_dogumT select{ height: 30px; line-height: 29px; padding: 6px; font-size: 13px; width:75px; } .mt_form_elemani_select select{ width: 268px; } .mt_form_elemani_radio input, .mt_form_elemani_checkbox input{margin: 6px 30px;background: none repeat scroll 0 0 #eee;} .mt_form_elemani_text fieldset, .mt_form_elemani_select fieldset, .mt_form_elemani_checkbox fieldset, .mt_form_elemani_radio fieldset, .mt_form_elemani_kart fieldset, .mt_form_elemani_kartskt fieldset , .mt_form_elemani_dogumT fieldset{ background: none repeat scroll 0 0 #0f99cf; border: medium none; border-radius: 8px; color: #fafafa; height: 25px; line-height: 24px; margin-top: 10px; padding: 0 0 0 5px; display: block; overflow: visible; position: relative; } .mt_form_elemani_text input:focus, .mt_form_elemani_select select:focus, .mt_form_elemani_kart input:focus{ border-color: #0993c8;} .mt_form_submit{ background:#49C0EE; height:30px; width:80px; border:none; color:#fbfbfb; font-weight: 400; } .mt_form_submit:hover{ background: #A4DFF6; } /* SABLON ---------------------------------------------------------------------- */ .mt_sarkan_menu{ position:relative } .mt_sarkan_menu_suan{ padding:5px; margin:5px; float:left; background: none repeat scroll 0 0 #EEEEEE; border-radius: 5px; border-style:dashed; border-width:2px; border-color:#EEEEEE; color: #888888; font-size:12px; display: block; position:relative; z-index:1001; } .mt_sarkan_menu_liste{ display:none; position: absolute; left:5px; top:29px; background: none repeat scroll 0 0 #EEEEEE; border-radius: 5px; border: 2px dashed #ddd; color: #888888; z-index:999; } .mt_sarkan_menu_suan:hover{ border-color:#ddd; /*border-radius: 5px 5px 0 0; border-style:dashed; border-color:#ddd; border-width:1px 1px 0 1px;*/ } .mt_sarkan_menu_suan_aktif{ border-radius: 5px 5px 0 0; border-style:dashed; border-color:#ddd #ddd #eee #ddd ; } .mt_sarkan_menu_suan_aktif:hover{ border-color:#ddd #ddd #eee #ddd ; } .mt_sarkan_menu_liste ul{display: block;} .mt_sarkan_menu_liste li{ list-style:none; list-style-image: none; margin: 5px 10px; } .mt_filter_filter_kutu{height:58px;} .mt_as_fix_pasif{width:938px;position:relative;} .mt_as_fix_aktif{position:fixed;left:0;right: 0;top:0px;z-index:1005;height:108px;background: url("https://matbuu.com/_img/filtre_ap.png") 0 bottom repeat-x;} .mt_as_fix_bg{background-color: #fbfbfb;} .mt_as_fix_pasif .mt_tamamla{margin:0; z-index:1003; border-radius:5px; border:1px solid #ececec;} .mt_as_fix_aktif .mt_tamamla{margin:0 auto; } .mt_tamamla{ background:#fbfbfb; width:938px; padding:10px; height:36px; } .mt_as_fix_pasif, .mt_as_fix_aktif{} /* ---------------------------------------------------------------------- SABLON */ /* .mt_kredilerim_guvenli_odeme{ background:url("https://matbuu.com/_img/guvenli_odeme.jpg") no-repeat; height:508px; width:189px; margin-top:10px; } */ .mt_bilgiler_sifre_degistir{ background: #00aef0; height: 30px; width: 400px; } .mt_dort_adim_kredi_karti_formu{ } .mt_kredi_log_hucre_sarmalayici{ background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #ECECEC; border-radius: 10px; margin: 10px 0; overflow: hidden; padding: 10px; } .mt_kredi_log_hucre{ background: none repeat scroll 0 0 #FBFBFB; border-bottom: 1px solid #ECECEC; clear: both; display: block; float: left; font-size: 11px; margin: 5px 0; overflow: visible; width: 935px; font-size: 12px; padding: 3px 0; } .mt_kredi_log_cek_adi{ float:left; width: 510px; } .mt_kredi_log_cek_tutar{ float:left; width: 110px; text-align: center; } .mt_kredi_log_cek_yukleme_tarihi{ float:left; width: 200px; text-align: center; margin-left: 10px; font-size: 13px; } .mt_kredi_log_cek_islem{ float:right; width: 50px; text-align: center; } .mt_kredi_log_cek_renk_kirmizi{ color:#c00000; } .mt_kredi_log_cek_renk_yesil{ color:#39bb00; } .mt_cek_fiyat { border: 2px dashed #B8B8B8; border-radius: 5px 5px 5px 5px; float: right; margin: 25px 20px 20px; padding: 20px 20px 20px; } .mt_cek_fiyat h2{ border-bottom:dashed 1px #CCCCCC } .mt_cek_fiyat_hucreleri { color: #999999; font-size: 16px; padding-top: 3px; width: 250px; } .mt_yardim_sablon_baslik{ margin-top:10px; } /* .mt_sablon_hucre_sag{margin:0} .mt_sablonlar_yataylar, .mt_sablonlar_dikeyler{margin:20px 0;} .mt_sablonlar_yataylar .mt_sablon_hucre_sol{margin-right:20px} .mt_sablonlar_dikeyler .mt_sablon_hucre_sol{margin-right:60px} */ .mt_margin_5 {margin:5px;} .mt_margin_right_10 {margin-right: 10px;} .mt_margin_top_10 {margin-top:10px;} .mt_margin_top_20 {margin-top:20px;} .mt_margin_top_30 {margin-top:30px;} .mt_margin_top_bottom_15 {margin:15px 0;} .mt_cursor_pointer{cursor: pointer;} /* ENDOF ŞABLON*/ .mt_simge_30{ background:url("/img/icons/mt_simgeler_30.png") no-repeat; height:30px; width:30px; } .facebook_login{ padding-right:30px; background-position:right -900px ; display: block; width: 110px; line-height: 30px; color: #646464; } /*ISLER*/ .diger_sablon_ico{ background-position: 0 -30px; float: left; margin: 0 2px; } .sablon_indir_ico{ background-position: 0 -120px; float: left; margin: 0 2px; } .islerKargo{ padding:20px; } .islerKargo table td{ border: dashed 1px #cccccc ; padding: 5px; } .islerKargo table td a{ color:#2e2e2e; } .islerKargo table tr{ border: dashed 1px #ccc ; } /*ISLER BITIM*/ .mt_simge_30_uye_ol{background-position: 0 0} .mt_simge_30_giris{background-position: 0 -30px} .mt_simge_30_liste{background-position: 0 -60px} .mt_simge_30_nokta{background-position: 0 -90px} .mt_simge_30_dokuman{background-position: 0 -120px} .mt_simge_30_arama{background-position: 0 -150px} /*.mt_yardim_geri_ileri_sag{ margin: 5px; padding-left:30px; border:dashed 2px #ffffff; } .mt_yardim_geri_ileri_sag:hover{ border:dashed 2px #d5d5d5; } */ .mt_simge_30_geri_ileri_sol{ height: 25px; border:dashed 2px #ffffff; float: right; padding-bottom: 2px; } .mt_simge_30_geri_ileri_sol a{ background:url("https://matbuu.com/_img/yardim_list_image.png") right 0 no-repeat ; padding-right:30px; height: 25px; line-height: 29px; color: #4C494A; display: block; } .mt_simge_30_geri_ileri_sol:hover{ border:dashed 2px #d5d5d5; } .mt_simge_30_geri_ileri_sag:hover{ border:dashed 2px #d5d5d5; } .mt_simge_30_geri_ileri_sag{ height: 25px; border:dashed 2px #ffffff; padding-bottom: 2px; } .mt_simge_30_geri_ileri_sag a{ background:url("/_img/yardim_list_image.png") no-repeat 0 -30px; padding-left:30px; height: 25px; line-height: 29px; color: #4C494A; display: block; float: left; } .mt_simge_15{ background:url("/_img/mt_simgeler_15.png") no-repeat; height:15px; width:15px; } /*SİPARİŞ ÖZETİ------*/ .mt_siparis_ozeti{ padding:0px 20px;border-radius:10px;background: url("/_img/matbuu_bitis.png") 0 0 repeat;text-align: right; height: 275px; } .mt_siparis_ozeti_siparis_kodu{ font-size: 16px; font-weight: 900; color:#888; } .mt_siparis_ozet_siperis_ayrintilari{ width:475px; margin-top: 30px; } .mt_siparis_ozeti_siparis_kodu{ } /*------SİPARİŞ ÖZETİ*/ .ufakCufon{ font-size: 13px; } /*FİYAT KUTUSU*/ .mt_fiyat{ border: 2px dashed #999999; border-radius: 10px 10px 10px 10px; clear: both; float: left; margin-right: 3px; padding: 10px 25px; } .mt_fiyat h2{border-bottom:2px dashed #ccc;color:#ddd;} .mt_fiyat_hucreleri{ font-size: 15px; overflow: hidden; } .mt_fiyat_hucreleri_sayi{text-align:right;width:140px;display:inline-block;float:left;} .mt_fiyat_hucreleri_para_adi{width:110px;display:block;float:left;} .mt_fiyat_hucreleri_para_ikinokta{width: 10px;display:block;float:left;} .mt_fiyat_hucreleri,.mt_fiyat_hucresi_baslik{ color: #231F20; padding-top: 3px; width: 260px;} .mt_mini_skt{font-size:12px;} .mt_siparis_devam_butonu{margin:11px 0 25px 0;} .mt_fiyat_hucresi_baslik{ font-size: 15px; } .mt_display_none{ display: none; } /*-----FİYAT KUTUSU*/ /* ADRES----------------- */ .mt_adres_sutun_adlari, .mt_adres_sutun_adlari *{} .mt_adres_sutun_adlari{} .mt_adres_sutun_adlari_hucre{text-align: center;} .mt_adres_sutun_adlari_hucre_tanim{width: 100px;border-right: 2px dashed #ccc;} .mt_adres_sutun_adlari_hucre_adres{width: 420px;border-right: 2px dashed #ccc;} .mt_adres_sutun_adlari_hucre_ad_soyad{width: 160px;border-right: 2px dashed #ccc;} .mt_adres_sutun_adlari_hucre_teslimat{width: 60px;border-right: 2px dashed #ccc;} .mt_adres_sutun_adlari_hucre_fatura{width: 60px;border-right: 2px dashed #ccc;} .mt_adres_sutun_adlari_hucre_duzenleme{width: 106px;} .mt_adres_sutunlar{border:2px dashed #ccc;} .mt_adres_sutunlar_hucre{text-align: center;height: 30px;padding-top: 15px; margin-top: 2px;} .mt_adres_sutun_sutunlar_hucre_tanim{width: 98px;border-right: 2px dashed #ccc;} .mt_adres_sutun_sutunlar_hucre_adres{width: 420px;border-right: 2px dashed #ccc;} .mt_adres_sutun_sutunlar_hucre_ad_soyad{width: 160px;border-right: 2px dashed #ccc;} .mt_adres_sutun_sutunlar_hucre_teslimat{width: 60px;border-right: 2px dashed #ccc;} .mt_adres_sutun_sutunlar_hucre_fatura{width: 60px;border-right: 2px dashed #ccc;} .mt_adres_sutun_sutunlar_hucre_duzenleme{width: 46px;padding:15px 30px 0;} .siparis_adimlari_yeni_adres{ margin-top: 10px; } /* ----------------------------------------------------------------------- ADRES */ /* WIN ÖNİZLEME ---------------------------------------------------------------- */ .mt_liste_onizleme_img{ height:80px; margin:0 auto; border: none; } .mt_liste_onizleme_loading{ background:url("/img/sys/ajax-loading.gif") no-repeat center center; } .mt_liste_onzileme{ background: url("/_img/yukleme_tamamlandi.png") no-repeat center center; float: left; height: 80px; margin: 6px; width: 140px; border-right: 1px solid #ccc; padding-right: 5px; text-align: center; overflow: hidden; } /*-------WIN ÖNİZLEME*/ .matbuu_ayaksalla{background: url("/_img/matbuu_ayaksalla.gif") top left no-repeat;width:210px;height: 80px; position: absolute; right: 13px; top: 8px;} .gizliYukleyici{ height: 1px; width: 1px; overflow:hidden; opacity:0; } .mt_yardim_indir_hucre{ float: left; border:dashed 1px #dbdbdb; padding: 6px 6px; margin-top:5px; margin-right:5px; } .fancyimg{ display: block; } .mt_bilgiler_sifre_hucre{ margin: 5px 30px } .mt_yardim_indir_hucre a{ color: #333; background: url("https://matbuu.com/_img/mt_simgeler_15.png") no-repeat scroll 0 -120px transparent; line-height: 10px; padding-left: 20px; margin-right:5px; } .mt_yardim_indir_seperator{ float:left; line-height: 20px; } .mt_yardim_indir_hucre:hover{ border:dashed 1px #999; } .tutar_ayrac{float: right;margin: 0 2px;} .border_radius_10{ -moz-border-radius : 10px;-webkit-border-radius:5px; border-radius: 10px;} .border_radius_5{ -moz-border-radius : 5px; -webkit-border-radius:5px; border-radius: 5px;} .mt_simge_15_uye_ol{background-position: 0 0;} .mt_simge_15_giris{background-position: 0 -15px;} .mt_simge_15_liste{background-position: 0 -30px;} .mt_simge_15_nokta{background-position: 0 -45px;} .mt_simge_15_ok_ayrac{background-position: 0 -60px;} .mt_simge_15_link_zincir{background-position: 0 -75px;} .mt_simge_15_acil_oku_acik{background-position: 0 -90px;} .mt_simge_15_acil_oku_kapali{background-position: 0 -105px;} .mt_bilgiler_sifre_acilir_kapanir_kapali{background-position: 0 -150px;} .mt_bilgiler_sifre_acilir_kapanir_acik{background-position: 0 -135px;} .mt_icon{display:block;height:16px;width:16px;margin-top:-25px;} .mt_icon_yildiz{background: url("/_img/icon_yildiz.png") 0 0 no-repeat;} /*!!!!TEST STİLLERİ sayfalarda kalıcı olarak kullanmayınız!!!!*/ .iletisim_text{ width: 450px; height: 110px; margin-bottom: 5px; background: #F0F0F0; } /* YSN */ #sifremiUnuttum{ display: block; margin: 10px 0 0 0} #sifremiUnuttum a{color:#959595; font-size: 14px} #p1{ display: block; position: absolute; top: 30px; left: 20px; font-size: 72px; color: #fff} #p2{ display: block; position: absolute; top: 60px; left: 20px; font-size: 100px; color: #ed008c} #p3{ display: block; position: absolute; top: 130px; left: 20px; font-size: 36px; color: #fff200} #p4{ display: block; position: absolute; top: 140px; left: 20px; font-size: 72px; color: #000} #p5{ display: block; position: absolute; top: 220px; left: 20px; font-size: 48px; color: #000} #p6{ display: block; position: absolute; top: 255px; left: 20px; font-size: 48px; color: #fff} #p7{ display: block; position: absolute; top: 290px; left: 20px; font-size: 36px; color: #000} #p8{ display: block; position: absolute; top: 320px; left: 20px; font-size: 36px; color: #fff} #anasayfa_uyeol a{ position: absolute; bottom: 37px; right:50px; background: url("/_img/anasayfa_menu.png") 0 0px; width: 388px; height: 51px; text-indent: -4000px} #anasayfa_uyeol a:hover{ background-position: 0 -153px;} #anasayfa_yukle a{ position: absolute; bottom: 85px; left:105px; background: url("/_img/matbuu_anasayfa_butonlar.png") 0 0px; width: 145px; height: 37px; text-indent: -4000px} #anasayfa_yukle a:hover{ background-position: 0 -37px;} #anasayfa_tasarla a{ position: absolute; bottom: 235px; left:105px; background: url("/_img/matbuu_anasayfa_butonlar.png") 0 -74px; width: 145px; height: 37px; text-indent: -4000px} #anasayfa_tasarla a:hover{ background-position: 0 -111px;} #fiyat_listesi ul{ list-style: none; margin: 10px 0 20px 0 } #fiyat_listesi ul li{ position: relative; font-size: 14px; color: #666; border-bottom: 1px dashed #d7d7d7; display: block; height: 30px; line-height: 30px;} #fiyat_listesi ul li span{ position: absolute; right: 0; color: #f00} #anaSarmalayici{ position: relative} .listeBilgi{ width: 192px; height: 36px; background: url("/_img/listebilgiok.png") ; display: none; position: absolute; padding: 5px;} .listeBilgiFiyat{ display: block; height: 36px; font-size: 14px; line-height: 36px; float: left; width: 50px; margin: 0 0 0 10px; color: #790000;} .listeBilgiGun{ display: block; height: 36px; font-size: 12px; line-height: 36px; float:left; width: 120px; color: #bc6600} /* UYARI VE BİLGİLENDİRMELER --------------------------------------------------- */ .mt_ajax_uyari_buyuk{ border-radius: 5px 5px 5px 5px; float: left; min-height: 15px; padding: 38px 38px 38px 78px; width: 501px; display:none; border: 2px dashed; margin-top:5px; background: url("/_img/icon_matbuu_uyari.png") no-repeat left center #fde8e9; font-size: 14px } .mt_ajax_uyari_buyuk a{color: #666} .mt_ajax_uyari_buyuk a:hover{text-decoration: underline} .mt_bildiri_renkleri{ border-color: #616161; color: #616161; /* --------------------------------------------------- UYARI VE BİLGİLENDİRMELER */ } /*ISLER */ .isler_ana_sarmalayici{ position: relative; overflow: hidden; margin-top: 15px; } .isler_kod{ position: absolute; height: 35px; font-size: 13px; } .isler_sarmalayici{ margin-top: 30px; } .isler_satir{ border: 2px dashed #CCCCCC; border-radius: 6px 6px 6px 6px; display: block; margin: 10px 0; width: 953px; position: relative; height: 85px; } .editor_is{ border-color: #6699ff; } .islerim_onizleme{ background: url("/_img/yukleme_tamamlandi.png") no-repeat center center; border-right: 1px solid #CCCCCC; height: 73px; margin: 6px; overflow: hidden; text-align: center; width: 120px; position: absolute; } .isler_ufak_icon{ height: 25px; left: 135px; position: absolute; top: 10px; width: 800px; border-bottom: solid 1px #ccc; } .isler_bilgi_birim{ color: #555555; font-size: 12px; font-weight: 400; line-height: 23px; margin: 0 5px; padding: 2px 5px; width: 100%; } .isler_adet{ color: #555555; font-size: 12px; font-weight: 400; line-height: 23px; width: 200px; } .bilgilendirme_bolum{ height: 25px; left: 135px; position: absolute; top: 40px; width: 800px; } .isler_fiyat{ float: right; height: 30px; font-weight: bold; font-size: 15px; } .isler_islemler_bolum{ float: right; } .isler_isim_durum{ background:#FFD37F; float: right; padding: 2px 5px; text-align: right; } .islerim_icon{ margin: 0 10px 0 0; padding: 1px; vertical-align: bottom; float: left; } .islerim_dosya{ display: inline-block; float: left; font-size: 11px; line-height: 20px; margin-right: 10px; overflow: hidden; white-space: pre; width: 300px; } .mt_isler_destek_iste{ float: right; padding: 6px; border: solid 1px #e2e2e2; background: #fff59d; margin-left: 5px; } .mt_isler_destek_iste a{ color: #000; padding: 0 5px; } .isler_toplam_tutar{ float: right; width: 175px; padding: 6px; border: solid 1px #e2e2e2; background: #fff59d; margin-left: 5px; } .isler_icon1_kargo{ width: 30px; height: 16px; float: left; background-position:0 -217px; } .isler_icon1_kargo_alt{ float: left; margin-left: 10px; width: 120px; cursor: pointer; } .isler_icon1_toplam_tutar{ width: 12px; height: 16px; float: left; background-position:-10px -247px; } .isler_toplam_tutar_alt{ float: left; margin-left: 10px; width: 135px; cursor: pointer; } .isler_icon2_toplam_tutar{ width: 14px; height: 16px; float: left; background-position: -8px -276px; cursor: pointer; } .isler_iptal_buton{ float: right; padding: 0px 5px; border: solid 1px #e2e2e2; } .isler_iptal_buton a{ color: #333333; display: block; float: left; padding-top: 2px; width: 115px; } .isler_iptal_et_buton_icon{ height: 18px; width: 18px; background-position: -7px -427px; float: right; margin-left: 10px; } .iptal_durum{ margin-right: 20px; } .isler_icon_bilgilendirme{ height: 16px; width: 16px; background-position: -7px -398px; margin-left: 15px; margin-top: 2px; } .isler_icon_dosya_indir{ height: 16px; width: 16px; background-position: -7px -337px; margin-left: 15px; } .isler_icon_dosya_indir a{ text-indent: -4000px; display: block; } .isler_icon_tekrar_bas{ height: 16px; width: 16px; background-position: -7px -366px; margin-left: 15px; cursor: pointer; } .isler_info_box{ margin-left: 0px; margin-top: 22px; display: none; } .isler_toplam_tutar_info label#tutar_title{ width: 100px; float: left; } .isler_toplam_tutar_info label#tutar_tl{ width: 45px; float: left; } /*#ISLER*/ /*Liste Input YSN*/ .selectBaskiAdedi, .selectSayfaAdedi{ width: 20px; height: 24px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d3d3d3; background: #e6e6e6; text-align: center;} .sec-baskiAdedi, .sec-sayfaAdedi{ margin: 0 0 0 10px; float: left} .bekleyiniz{ background:url("/img/sys/ajax-loading.gif") no-repeat center center; height: 16px; width: 16px; position: absolute; right: 10px; top: 10px; display: none; } .kirmiziRenk{ color:#cd0a0a; } /************************************************************************************************************************İNDEX ALT*/ .index_alt_sag ul { margin: 0; padding: 0; list-style: none; } .index_alt_sag ul li { width: 343px; height: 70px; text-indent: -4000px; cursor: pointer; } .index_alt_sag_back{ background: url('/_img/index_alt_img.jpg') no-repeat; } .index_alt_sag ul li a{ display: block; height: 70px; } .index_alt_sag ul li#telefon { background-position: 0 0; } .index_alt_sag ul li#telefon:hover { background-position: 0 -210px; } .index_alt_sag ul li#canlidestek { background-position: 0 -70px; border-bottom: 1px #cacaca solid; border-top: 1px #cacaca solid; } .index_alt_sag ul li#canlidestek:hover { background-position: 0 -280px; } .index_alt_sag ul li#yardim { background-position: 0 -140px; } .index_alt_sag ul li#yardim:hover { background-position: 0 -350px; } .index_alt_sarmalayici { margin: 0 auto 0 auto; width: 960px; } .index_alt_ana_sarmalayici { width: 100%; float:left; margin-bottom:20px; padding: 20px 0 0 0; background:url("/_img/matbuu_4adim_2_arka.gif") repeat-x top; } .index_alt_sol { float: left; width: 605px; height: 213px; /*background: url('/_img/index_alt_sag_background.jpg') no-repeat right center;*/ margin-right:10px; } .index_alt_sol li{border-bottom:solid 1px #e7e7e7 ;clear: both;height: 20px;padding:3px;} .index_alt_sag { float: left; } .index_alt_sol ul { margin: 10px 0 0 0; padding: 0 10px 0 0; list-style: none; } .index_alt_icon { width: 12px; height: 12px; background: url('/_img/index_alt_icon.png') no-repeat; margin: 4px 5px 0 10px; } .float_left { float: left; } .display_none{ display: none; } .index_alt_title { color: #0984c7; font-size: 15px; width: 140px; } .index_alt_dosya{margin-right:20px;margin-top: 2px;width: 105px;} .index_alt_dosya a{color:#898989;} .index_alt_dosya a:hover{color:#999999;} .index_alt_tamami{background: #e2e2e2;padding: 3px 5px;margin-top:10px;margin-right:10px;} .index_alt_tamami:hover{background: #ebebeb} .index_alt_tamami a{color:#898989;} .fixed_yardim_hata{ margin-left:15px; } .fixed_yardim_sarmalayici{ position: fixed; top:0; bottom:0; right:-400px; background: url("/_img/yardim_fixed_sol_arkaplan.png") left repeat-y #ffffff; width: 400px; z-index: 100003; } .fixed_yardim_ac_kapat{ width: 33px; height: 107px; background: url("/_img/yardim_fixed_ac.png") left repeat-y; cursor: pointer; left: -31px; top:220px; position: absolute; z-index: 200; } .fixed_blok_div{ margin:50px 10px 0 50px; } .fixed_blok_div_baslik{ position: relative; height: 130px; } .fixed_blok_div_baslik #icon{ width: 100px; height: 106px; background: url("/_img/yardim_icon.png") left repeat-y; position: absolute; left: 0; } .fixed_blok_div_baslik #h1{ position: absolute; left:80px; top: 73px; color: #0f75bc; font-size: 18px; font-weight: bold; } .fixed_blok_div_baslik #h3{ position: absolute; right: 0; width: 175px; color: #959595; font-size: 18px; top:30px; } .fixed_yardim_arama input[type="text"]{ border: solid 1px #0f75bc; height: 30px; width: 240px; padding-left: 10px; color: #959595; font-size: 13px; float:left; } .fixed_yardim_arama input[type="submit"]{ background: #0f75bc; height: 32px; width: 50px; border: none; color: #fff; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; cursor: pointer; float:left; } .yardim_fixed_arama_alt_yazi{ margin-top: 10px; font-size: 11px; color: #959595; } .yardim_fixed_arama_alt_yazi span{ color: #0f75bc; } .yardim_fixed_arama_sonuclari{ margin-top:10px; } .fixed_arama_sonuc_sarmalayici{ margin-top:10px; } .yardim_fixed_arama_baslik{ color:#0f75bc; } .yardim_fixed_arama_icerik{ color:#959595; } .fixed_yardim_arama{ overflow: hidden; position: relative; } .fixed_yardim_arama #loading{ float:left; width: 16px; height: 16px; position: absolute; right:100px; top:10px; } .fixed_yardim_sonuc_baslik, #arama_basi_submit{ cursor: pointer; } #fixed_yardim_agac_sep{ display: none; } /************************************************************************************************************************İNDEX ALT*/ .anasayfa_sablon .content{width:612px; height:175px;overflow:auto;} #yardim_alani{ bottom: 0; margin: 0; padding: 0 10px; position: absolute; top: 250px; width: 340px; } #yardim_alani .content{ -moz-box-sizing: border-box; height: 95%; overflow: auto; position: relative; width: 100%; } /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container{ width:auto; margin-right:30px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCustomScrollBox .mCSB_scrollTools{ width:16px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{ padding-bottom:40px; } .mCSB_scrollTools .mCSB_draggerRail{ width:5px; height:100%; margin:0 auto; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; height:100%; margin:0 auto; text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom:0; margin-top:-40px; } /* horizontal scrollbar */ .mCSB_horizontal .mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{ height:100%; width:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{ padding-bottom:0; padding-right:20px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:2px; margin:7px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{ width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{ right:0; bottom:auto; margin-left:-40px; margin-top:-16px; float:right; } /* default scrollbar colors and backgrounds */ .mCustomScrollBox .mCSB_scrollTools{ opacity:0.75; } .mCustomScrollBox:hover .mCSB_scrollTools{ opacity:1; } .mCSB_scrollTools .mCSB_draggerRail{ background:#dedede; /* rgba fallback */ background:rgba(222,222,222,222); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#00a6e4 ; /* rgba fallback */ background:rgba(115,117,188); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } /* .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ /*}*/ /* .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ /*}*/ .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(mCSB_buttons.png); background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp{ background-position:0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position:0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } #mcs_container{position:absolute; top:250px; margin:0; width:340px;bottom: 0; padding:0 10px;} #mcs_container .customScrollBox{position:relative; height:96%; overflow:hidden;} #mcs_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;} #mcs_container .customScrollBox .content{clear:both;width: 300px;} #mcs_container .dragger_container{position:relative; width:0px; height:95%; float:left; margin:10px 0 0 85px; border-left:1px solid #31231E; border-right:1px solid #8E7757; cursor:pointer} #mcs_container .dragger{position:absolute; width:6px; height:60px; background:#0f75bc; margin-left:-3px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} #mcs_container .dragger_pressed{position:absolute; width:6px; height:60px; background:#31231E; margin-left:-3px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} /************************************************************************************************************************İNDEX ALT*/ #info{ position: absolute; width: 500px; height: 200px; text-indent: -9999px} #likes{ margin:0 auto 0 auto; width:190px; height:20px; text-align:center; position:absolute; bottom: 100px; right: 0} #likes span{ display:block; float:left; width:60px; text-align:center; overflow:hidden} #like_facebook{ margin:0 4px 0 0} /* AKODDİYON ********************************************************************/ .mt_akordiyon{ margin-top:1px; display: block; } .mt_akordiyonBaslik{ border-radius: 2px; display: block; background: url(/img/icons/mt_simgeler_30.png) #6F6F73 325px -631px no-repeat; padding: 5px 0 5px 5px ; color:#fff; font-weight: bold; border:1px solid #2F2F33 } .loading_bar{ background-image: url("/_img/loading_sprite.png"); background-position: 0 -108px; cursor: pointer; left: 50%; margin-left: -22px; margin-top: -22px; opacity: 0.8; position: fixed; top: 50%; z-index: 8020; } .loading_bar div{ background: url("/_img/loading_gif.gif") no-repeat scroll center center transparent; height: 44px; width: 44px; } /******************************************************************** AKODDİYON */ /*İşlerim*/ .kargoTakip{ color: #333333; display: block; } .sayfalama{ padding:2px 5px; } .sayfa_ileri_geri{ font-size: 25px; width: 20px; font-weight: bold; margin-left: 5px; } .sayfa_ileri_geri a{ color: #898989; cursor: pointer; } .sayfa_dusur_pasif{ color: #e2e2e2; cursor: default; } .sayfa_dusur_aktif{ } .sayfa_dusur{ background: none; border: none; font-size: 24px; color: #1b75bb; float: left; } .sayfa_dusur_input{ width: 25px; text-align: right; border-bottom: 1px solid #CCCCCC; } .kargo_sarmalayici{ background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #ECECEC; padding: 10px; } .kargo_sarmalayici div{ display: block; overflow: hidden; } .kargo_sarmalayici div.rows{ font-weight: bold; font-size: 13px; } .kargo_img{ width: 20%; text-align: center; } .kargo_aciklama{ width: 70%; } .kargo_fiyat{ width: 10%; } .rows_bilgi div.kargo_aciklama, .rows_bilgi div.kargo_fiyat{ margin-top: 20px; } .rows_bilgi div.kargo_img{ margin-top: 10px; } .rows_bilgi{ border-bottom: dashed 1px #cccccc; height: 70px; } .rows{ border-bottom: solid 1px #d9d9d9; height: 20px; padding: 5px 0; } .kargo_ustu_cizgi{ color:#333333; font-size: 13px; position: relative; display: inline-block; } .kargo_ustu_cizgi span { position: absolute; width: 50%; border-top: 2px solid red; left: 0; top: 50%; } .kargo_arti, .kargo_gercek{ font-size: 15px; } .baski_oncesi_onay{ width: 500px; padding: 5px; } .baski_secenekleri_oncesi_onay{ width: 500px; padding: 5px; } .baski_oncesi_onay h2{ color: #1779be; } .baski_oncesi_cizgi{ background: #d1e4f2; height: 1px; width: 100%; margin-top: 5px; } .baski_oncesi_onay ul{ margin-top: 20px; margin-bottom: 60px; } .baski_secenekleri_oncesi_onay ul { margin-top: 20px; margin-bottom: 20px; } .baski_oncesi_onay ul li, .baski_secenekleri_oncesi_onay ul li{ background-image: url("/_img/mt_anasayfa_icon.png"); background-position: -201px -86px; background-repeat: no-repeat; padding-left:30px; color: #3d3d3d; font-size: 12px; margin-bottom: 20px; } .baski_oncesi_onay a.link, .baski_secenekleri_oncesi_onay a.link{ color: #1e7ec0; } .baski_oncesi_onay a.secim, .baski_secenekleri_oncesi_onay a.secim{ color: #666666; display: block; font-size: 13px; height: 25px; margin: 0; padding-left: 25px; margin-top: 7px; } .baski_oncesi_onay .onay_gizle, .baski_secenekleri_oncesi_onay .onay_gizle{ display: none; } .baski_oncesi_onay a.onay, .baski_secenekleri_oncesi_onay a.onay{ background: url(/_img/matbuu-baskilistesi-onay.png) no-repeat; width: 119px; height: 29px; display: block; text-indent: -999999px; } .baski_oncesi_onay .check_secenek_1,.baski_secenekleri_oncesi_onay .check_secenek_1{ background: url(/_img/check-off.png) no-repeat; } .baski_oncesi_onay .check_secenek_1_secili,.baski_secenekleri_oncesi_onay .check_secenek_1_secili{ background: url(/_img/check-on.png) no-repeat; } * { margin: 0; /* zero out margin */ padding: 0; /* zero out padding */ } a { text-decoration: none; outline: none; color: #00A8E2; font-weight: normal; } a:focus{ outline: none;} a:hover{ text-decoration: none;} html, body { min-height: 100%; /* gives layout 100% height */ } input, select, textarea, button { color: #666666; } #wrapper { min-height: 100%; /* gives layout 100% height */ margin: 0 auto; /* centers #wrapper */ } * html #wrapper { height: 100%; /* IE6 treats height as min-height */ } /*h1{ font-weight: normal;} h2{ font-weight: normal;} h3{color: #00A6E4; font-family: 'Open Sans',sans-serif; font-size: 24px; font-weight: normal; -webkit-font-smoothing: antialiased;} h4{color: #00A6E4; font-family: 'Open Sans',sans-serif; font-size: 18px; font-weight: normal; -webkit-font-smoothing: antialiased;}*/ #footer { margin: -262px auto 0; background: #dfdfdf; position: relative; z-index: 1; } #footer span.sag { text-align: right; width: 350px; margin: 0; float: right; font-size: 11px; margin: 0 0 20px 0; color: #666 } #footer span.sag a { color: #666; text-decoration: none; } #footer span.sol { text-align: left; width: 550px; margin: 0; float: left; font-size: 11px; margin: 0 0 20px 0; color: #666 } #clearfooter { height: 262px; } .styledRadio, .styledCheckbox { display: inline-block; } /* LAYOUT */ #layout_container_left { color: #5C5C5C; float: left; width: 740px; padding: 0 20px 20px 0; } #layout_container_right { float: right; margin: 20px 0 0 0; padding: 0 20px 20px 20px; width: 198px; position: absolute; border-left: 1px solid #CCCCCC; right: 0; bottom: 0; top: 0; } #layout_content_wrapper { padding: 0; position: relative; min-height: 485px; } .placeholder { color: #aaa; } .mt_hata_renkleri { color: #ffffff; background: url("../img/icons/hata_ico.png") no-repeat 10px 5px #ff4b4b; } .mt_onay_renkleri { color: #005826; background: url("../img/icons/onay_ico.png") no-repeat 10px 7px #acd473; } /* #LAYOUT*/ .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } /*.bold {*/ .s12 { font-size: 12px; } .s18 { font-size: 18px; } ul, li { list-style: none; padding: 0; margin: 0; } /*UST*/ #ust { display: block; position: relative; width: 980px; height: 99px; margin: 0 auto 0 auto; background: url("../_img/ust_arka.gif") no-repeat; } #logo { position: relative; margin: 15px 0 0 0; width: 250px; float: left; } #gundem { position: absolute; width: 35px; height: 35px; left: 25px; top: 0; } #ust-sol { float: left; } #ust-sag { float: right; margin-top: 15px; } /* header info tab */ #kullanici { height: 30px; float: right; } #kullanici ul li a { color: #444; font-size: 11px; display: block; overflow: hidden; } #kullanici ul li { float: left; margin: 5px 0 5px 10px; } #kullanici ul li.chat { float: left; margin: 5px 0 5px 10px; width: 90px; text-align: center; } #kullanici ul li.cizgi { border-left: solid 1px #e2e2e2; width: 2px; height: 15px; } #login_info { color: #888888; font-size: 12px; } #basket_info { float: right; margin-top: 15px; } #basket_info ul li { float: left; margin-left: 3px; display: block } #basket_info ul li.header_satin_al { float: left; margin-left: 3px; } .header_order { font-size: 12px; padding: 5px 10px; background: #1aa5de; display: block; color: #fff; height: 16px; } .header_user_name { font-size: 12px; display: block; color: #fff; height: 30px; overflow: hidden; background: no-repeat; height: 16px; padding-left: 20px; background-repeat: repeat-y; } .header_user_name span { background-repeat: no-repeat; display: block; float: right; height: 8px; overflow: hidden; width: 8px; margin-left: 5px; margin-top: 5px; } .header_basket { font-size: 12px; padding: 5px 10px; background: #f98e2b; display: block; color: #fff; height: 16px; } .header_basket span.mt-icon { background-repeat: no-repeat; display: block; float: right; height: 16px; overflow: hidden; width: 16px; margin-left: 5px; } .header_favorite { font-size: 12px; padding: 5px 10px; background: #F57FC5; display: block; color: #fff; height: 16px; } .header_favori_sayisi, .header_is_sayisi { float: left; } .header_favorite span.mt-icon { background-repeat: no-repeat; display: block; float: right; height: 16px; overflow: hidden; width: 16px; margin-left: 5px; } .header_facebook { font-size: 12px; display: block; color: #fff; height: 30px; overflow: hidden; background: no-repeat; height: 16px; padding-left: 20px; background-repeat: repeat-y } .header_online_chat { font-size: 12px; display: block; color: #fff; height: 30px; overflow: hidden; background: no-repeat; height: 16px; padding-left: 20px; background-repeat: repeat-y } .header_online_chat span { display: block; float: left; height: 16px; overflow: hidden; width: 16px; margin-right: 5px; } .header_facebook span { float: right; height: 16px; width: 16px; margin-left: 5px; } #bilgilerimSekme { position: absolute; background: #ffffff; top: 18px; left: 0; display: none; border: 1px solid #dadada; z-index: 20; width: 150px; } #bilgilerimSekme li a { background: url('/_img/mt_simgeler_15.png') 0 -135px no-repeat; padding-left: 20px; color: #818181; height: 20px; display: block; } #bilgilerimSekme ul li { display: -moz-inline-stack; display: inline-block; zoom: 1; padding: 0 10px; width: 115px; margin: 5px 0; float: none; } #bilgilerimSekme li a:hover { background-position: 0 -150px; } .ust-menu-bilgilerim-link-aktif { } .mt_canli_destek { width: 200px; float: left; } #anasayfa_sarmalayici { width: 100%; margin: 0 auto; } #anasayfa { display: block; width: 980px; margin: 10px auto; overflow: hidden; } .mavibolge_sarmalayici { display: block; height: 40px; margin: 0 auto; background: #A4DFF6; } #mavibolge { display: block; margin: 0 auto; width: 980px; } #tasarlaButon a { margin-left: 175px; } #tasarlaButonTab { margin-left: 175px; } #mt_bilgi_bar { width: auto; background: #fbe446; } .display_block { display: block; } .display_none { display: none; } .margin_right_none { margin-right: 0; } .mt_h1 { font-size: 18px; font-weight: 200; font-family: 'Open Sans', sans-serif; } /* #REVIZYON */ .mt_tum_secenekler_sarmalayici { padding-bottom: 10px; overflow: hidden; } .secenekBlok { margin: 10px; float: left; background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); font-size: 11px; padding: 15px 15px 0; } .mt_dosya_ekle { padding: 15px; font-size: 20px; background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); width: 190px; margin: 10px; font-family: 'Open Sans', sans-serif; } #mt_uye_giris_sifre_unuttum { margin-left: 10px; } .mt_login_form_alt_kisim { margin-top: 10px; } .mt_light_box_sifreunuttum { border-top: solid 1px #CACACA; padding-top: 10px; margin-top: 15px; } .mt_login_form_alt_kisim li { float: right; margin: 5px; } .mt_login_form_alt_kisim li a { font-size: 12px; display: block; color: #0E76BC; } .header_facebook_login_box { height: 30px; overflow: hidden; background: no-repeat; height: 16px; padding-left: 20px; background-repeat: repeat-y; } .header_facebook_login_box span { float: right; height: 16px; width: 16px; margin-left: 5px; } /* ICONS */ .mt-icon { background-image: url("../img/icons/mt_yeni_simgeler.png"); } .mt-icon-cl { background-image: url("../img/icons/mt_yeni_simgeler__.png"); } .mt-icon-plus { background-position: 0 0; } .no-icon { background-position: 0 20px; } .mt-icon-white-plus { background-position: -22px -8px; } .mt-icon-white-plus-big { background-position: -106px -58px; } .mt-icon-order-cancel { background-position: -74px -26px; } .mt-icon-white-heart { background-position: -72px -58px; } .mt-icon-white-basket { background-position: -56px -59px; } .mt-icon-question { background-position: 0 -21px; } .mt-icon-cl-klasor-acik { background-position: 0px -41px; } .mt-icon-cl-klasor-kapali { background-position: 0px -55px; } .mt-icon-cl-klasorAcik-hover { background-position: 0px -69px; } .mt-icon-cl-cop { background-position: 0px -85px; } .mt-icon-cl-copGeriAl { background-position: -26px -73px; } .mt-icon-cl-paylas { background-position: 0px -103px; } .mt-icon-cl-arrow { background-position: -21px 0px; } .mt-icon-cl-arrow-down { background-position: -38px -74px; } .mt-icon-cl-arrow-bos { background-position: 10px 10px; } .mt-icon-search { background-position: -40px -10px; } .mt-icon-search-black { background-position: -40px -26px; } .mt-icon-shipment { background-position: -56px -10px; } .mt-icon-white-shipment { background-position: -56px -26px; } .mt-icon-ticket { background-position: -56px -42px; } .mt-icon-attach { background-position: -72px -10px; } .mt-icon-file-upload { background-position: -40px -42px; } .mt-icon-calculate { background-position: 0 -104px; } .mt-icon-delete { background-position: -40px -59px; } .mt-icon-folder { background-position: -25px -120px; } .mt-icon-favorite-add { background-position: -87px -209px; } .mt-icon-favorite-remove { background-position: -87px -193px; } .mt-icon-online-chat { background-position: -104px -192px; } .mt-icon-facebook { background-position: -104px -176px; } .mt-icon-magaza { background-position: -80px -104px; } .mt-icon-home { background-position: -80px -120px; } .mt_cl_icoCheckbox { background-position: -25px 56px; } .mt_cl_icoCheckboxTrue { background-position: -49px 55px; } .mt_cl_icoSagclick { background-position: -46px 18px; } .mt_cl_icoSepet { background-position: -47px 36px; } .mt_cl_icoklasorOlusturBtn { background-position: -20px -23px; } .mt_cl_klasorKapaBtnIco { background-position: -20px -42px; } .mt-icon-cell-tree { background-position: -103px -130px; } .mt-icon-cell-tree-hover { background-position: -103px -110px; } .mt-icon-cell-four { background-position: -123px -130px; } .mt-icon-cell-four-hover { background-position: -123px -110px; } .mt-icon-empty-template { background-position: -16px -104px; } .mt-icon-system-how-works { background-position: -32px -104px; } .mt-icon-upload-file { background-position: -48px -104px; } .mt_cl_icoKlasorMenu { background-position: -20px -56px; } /* PAGE CSS */ .bar { height: 18px; background: green; } select option { padding-left: 7px; padding-right: 10px; } .margin_top_15 { margin-top: 15px; } .default_border { border: solid 1px #CACACA; } /* FORM ELEMENTS */ .mt_buton_href_icon { cursor: pointer; display: inline-block; margin-right: 0.1em; overflow: visible; float: left; padding: 0; position: relative; text-align: center; padding: 0; zoom: 1; line-height: 1.4; } .mt_buton_href_icon a { font-size: 14px; color: #0976bd; display: block; text-align: left; } .mt_uyari_pop { padding: 10px; font-size: 16px; font-family: 'Open Sans', sans-serif; } /* .mt_buton_href_icon .mt-icon{ width: 16px; height: 16px; position: absolute; left: 0; top: 5px; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }*/ .mt_buton_href_icon .mt-icon { width: 16px; height: 16px; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; float: left; margin: 12px 5px 0 0; } .mt_buton_href_iconv2 a { font-size: 12px; background: #49c0ee; padding: 3px 6px 3px 16px; display: block; overflow: hidden; color: #fff; clear: both; position: relative; } .mt_buton_href_iconv2 .mt-icon { width: 10px; height: 10px; position: absolute; left: 2px; top: 8px; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .mt_InputButons { border: 1px solid #CACACA; height: 29px; line-height: 30px; margin: 0; padding-left: 5px; } .mt_PasswordButons { height: 30px; line-height: 30px; border: solid 1px #cacaca; margin: 0; padding-left: 5px; } .mt_SelectButons { border: solid 1px #cacaca; margin: 0; padding: 4px; /* width: 245px;*/ } .mt_SelectButons:focus { border: solid 1px #a4dff6; } .mt_InputButons:focus, .mt_PasswordButons:focus { border: solid 1px #a4dff6; } .mt_InputTiny { width: 35px; } .mt_InputSmall { width: 70px; } input.mt_InputMidle { width: 112px; } select.mt_InputMidle { width: 119px; } .mt_InputLong { width: 236px; } .mt_InputKrediKarti { margin-right: 4px; } .mt_dosya_turu { margin-left: 10px; } .mt_butons { background: #0d79c1; padding: 10px 20px; display: block; overflow: hidden; font-size: 18px; font-family: 'Open Sans', sans-serif; color: #fff; clear: both; text-align: center; } .mt_submitButons { background: #0090FF; padding: 8px 18px; display: block; overflow: hidden; font-size: 18px; font-family: 'Open Sans', sans-serif; color: #fff; clear: both; text-align: center; border: none; cursor: pointer; } .mt_anasayfa_tasarimlar_button { padding: 0; font-size: 12px; height: 30px; width: 120px; text-align: center; line-height: 30px; } .mt_isler_blok_onizleme { width: 75px; height: 75px; overflow: hidden; margin: 5px 0 0 0; background-repeat: no-repeat; background-size: 95% 95%; padding: 10px; background-position: center; text-align: center; cursor: pointer; border: 1px solid #A4DFF6; } .mt_isler_blok_onizleme img { margin-top: 30px; } .mt_isler_blok_dosya_bilgisi { width: 645px; margin-left: 5px; } .mt_isler_items { margin: 0 0 0 0; overflow: hidden; display: block; padding: 5px 0 0 0; } .delete { width: 15px; height: 15px; position: relative; top: 2px; right: 10px; cursor: pointer; } .mt_ozelTeklifDelete { width: 15px; height: 15px; position: absolute; right: 10px; top: 10px; background: url("../_img/mt_is_sil.png"); cursor: pointer; } .fiyat { width: 140px; margin: 0; padding: 0; } .baskiListemFiyatBirim { float: right; font-size: 15px; font-family: 'Open Sans', sans-serif; margin-right: 5px; margin-top: 9px } .mt_listem_para_detay_blok { margin-left: 10px; overflow: hidden; width: 200px; } .mt_fiyat_blok_bekleyiniz { background: url("../img/sys/ajax-loading.gif") no-repeat center; display: block; float: right; height: 16px; margin-top: 5px; width: 16px; display: none; } .mt_dosya_yukle_formu { width: 730px; } .seceneklerim { display: block; overflow: hidden; width: 490px; } .seceneklerBitmis { display: block; } .seceneklerBitmis div.items { display: block; overflow: hidden; width: 235px; float: left; position: relative; } .mt_yuklemeyi_durdur { position: relative; margin: 10px 0; } .mt_dosya_progressbar { width: 620px; margin: 20px 0; } .seceneklerBitmis select, .mt_sp_sepetSeceneklerSutunIki select { border: solid 1px #c2c2c2; padding: 2px 6px; color: #7d7d7d; background: #fff; } .seceneklerBitmis input { padding: 2px 6px; height: 20px; } .baskiListemFiyat { font-size: 24px; font-family: 'Open Sans', sans-serif; color: #0c78be; } .mt_dosya_bilgisi { display: block; overflow: hidden; } .mt_bilgi_sarmalayici { position: relative; overflow: hidden; display: block; } .items p { width: 100px; float: left; font-size: 11px; color: #7d7d7d; line-height: 27px; margin-left: 1px; } .mt_sp_loading { position: absolute; background: url("../_img/loadingtarns.png") repeat; z-index: 1; } .mt_sp_loading img { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; margin: 100px auto; } .sifirdan_baskilar { margin: 5px; } .mt_dosya_yukleme_tarihi { margin-left: 5px; color: #7d7d7d; } .mt_dosya_uzantisi { background: url("/_img/mt_file_type.png") no-repeat; width: 16px; height: 16px; } .mt_dosya_jpg_uzanti { background-position: 0 -32px; } .mt_dosya_pdf_uzanti { background-position: 0 -16px; } .mt_dosya_zip_uzanti { background-position: -16px -48px; } .mt_dosya_rar_uzanti { background-position: 0 -48px; } .mt_dosya_png_uzanti { background-position: 0 -32x; } .mt_dosya_cdr_uzanti { background-position: 0 0; } .mt_listem_para_detay_blok p { font-size: 14px; color: #959595; margin-bottom: 7px; } #baski_liste_odenecek_tutar_td { font-size: 30px; font-family: 'Open Sans', sans-serif; color: #00A6E4; font-weight: normal; } .mt_yeni_bar { height: 50px; width: auto; display: block; background: #ededed; overflow: hidden; } .mt_tutucu { width: 980px; margin: 8px auto; } .mt_liste_calismalarim { margin: 10px 0 0 0; } .mt_liste_sepet_bilgileri { margin: 15px 125px 0 0; } .mt_liste_bar_font { font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #0e76bc; } /* ÖDEME - SEPET- ADRES */ .mt_odeme_satis_sozlesmesi { margin-top: 15px; } .mt_odeme_submit_buton { margin-top: 5px; } .mt_odeme { overflow: hidden; } .mt_odeme .col1 { width: 300px; margin-right: 50px; } .mt_odeme .col2 { width: 300px; margin-right: 50px; } .mt_odeme .col3 { width: 273px; } .mt_odeme_row_bosluk { margin-top: 60px; } .mt_odeme_bar_adres_bilgileri { margin: 15px 0 0 0px; } .mt_kk_form_sarmalayici { clear: both; } .mt_odeme_bar_odeme_bilgileri { margin-top: 15px; margin-left: 19px; } .mt_odeme_bar_sepet_bilgileri { margin-left: 19px; margin-top: 15px; } .mt_odeme_kredi_karti { margin: 10px; } .mt_odeme_sepetiniz { margin: 10px 0 0 20px; } .mt_odeme_adres_satir label { background: #fffccc; margin: 10px 0; display: block; padding: 10px; } .mt_odeme_adres { margin: 10px 0 0 0px; } .mt_odeme_adres_satir input { margin-right: 5px; } .varsayilan_teslimat_adresi { font-weight: 200; margin-bottom: 5px; } .varsayilan_fatura_adresi { font-weight: 200; margin-bottom: 5px; } .mt_adres_duzenleme_iframe { width: 500px; } .mt_elden_teslim_sarmalayici { display: block; margin-bottom: 15px; } .mt_eldenteslim_sube_secenek label { display: inline; } .mt_eldenteslim_sube_secenek li { margin-bottom: 5px; border-bottom: dashed 1px #c4c2c2; line-height: 20px; } .mt_eldenteslim_sube_secenek li label { overflow: hidden; } .mt_eldenteslim_sube_secenek li label input { margin-right: 5px; } .teslimat_adres_sarmalayici_kapali { display: none; } .mt_subeler_sarmalayici { display: none; margin-top: 15px; } .mt_subeler_sarmalayici_acik { display: block; margin-top: 15px; } /* #ÖDEME - SEPET- ADRES */ #mt_baski_listesi_is_sarmalayici { display: block; float: left; overflow: hidden; padding-right: 10px; margin-bottom: 20px; min-height: 250px; width: 755px; margin-top: 10px; } .mt_sepet_asamalari { background: url("../_img/mt_odeme_bg.png") no-repeat 0 0; display: block; padding-bottom: 15px; float: left; margin-bottom: 20px; min-height: 600px; } #fatura_formu h2 { font-weight: 200; } .fatura_adres_sarmalayici_kapali { display: none; } .fatura_adres_sarmalayici_acik { display: block; } .mt_blok_title { font-family: 'Open Sans', sans-serif; color: #00A6E4; font-size: 18px; margin-bottom: 10px; } .mt_blok_title label { margin-left: 10px; } .mt_input_label_title { color: #5C5C5C; font-size: 12px; margin-bottom: 3px; } .mt_y_input_blok { margin-bottom: 15px; display: block; } .odeme_formlari_acik { display: block; } .odeme_formlari_kapali { display: none; } /* SEPET SİPARİŞ ÖZETİ*/ #guvenli-odeme-kutusu { margin: 0 } .sepet_urun_ozeti, .sepet_urun_ozeti_fiyat_ozeti { border-collapse: collapse; } table.sepet_urun_ozeti td.total, table.sepet_urun_ozeti th.total { text-align: right; width: 60%; } .sepet_urun_ozeti_fiyat_ozeti td, .sepet_urun_ozeti td { border-bottom: 1px solid #BEBCB7; } .sepet_urun_ozeti th, .sepet_urun_ozeti, .sepet_urun_ozeti td, .sepet_urun_ozeti_fiyat_ozeti td { padding: 5px 0; } table.sepet_urun_ozeti td.qty, table.sepet_urun_ozeti th.qty { text-align: center; width: 10%; } table.sepet_urun_ozeti { width: 100%; } table.sepet_urun_ozeti_fiyat_ozeti { margin-bottom: 20px; width: 100%; } table.sepet_urun_ozeti_fiyat_ozeti td.title { width: 50%; } table.sepet_urun_ozeti_fiyat_ozeti td.value { text-align: right; width: 35%; } table.sepet_urun_ozeti_fiyat_ozeti td, .table.sepet_urun_ozeti_fiyat_ozeti td { border-bottom: 1px solid #CACACA; } table.sepet_urun_ozeti_fiyat_ozeti tr.grand-total td { font-weight: 200; border-bottom: none; } caption, th, td { font-weight: 200; text-align: left; vertical-align: top; } .sepet_urun_ozeti th { border-bottom: 1px solid #CACACA; } .mt_sepetUrunAciklamasi { margin: 0 10px 7px 25px; color: #666; width: 430px; float: left; min-height: 75px; } .mt_sp_inputTextAck { width: 700px; height: 35px; float: left; display: none; } .mt_sp_inputTextAck input { width: 490px; height: 20px; border: 0px solid #A4DFF6; background: #ebebeb; outline: none; padding: 5px; font-size: 11px; color: #222; } .mt_DosyaHatasiz { border: dotted 2px #339900; } .mt_DosyaHatali { border: dotted 2px #ff0000; } /* #SEPET SİPARİŞ ÖZETİ*/ .mt_banka_taksit_sarmalayici { display: none; } .mt_banka_bulundu_sarmalayici { margin: 10px 0; } .mt_banka_bulundu_banka { display: inline-block; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #ccc } .mt_banka_bulundu_kart { display: inline-block; } .mt_banka_isimleri { float: left; padding: 5px 0px; width: auto; font-size: 11px; } .mt_banka_sec_aktif { background-color: #ffffff; border: 1px solid #1AA5DE; } .mt_banka_sec_pasif { } .paymentCont { background: url("../img/logo/bankalogolari.png") no-repeat; display: block; float: left; height: 27px; width: 51px; position: absolute; right: 2px; top: 28px; display: none; } .MasterCard { background-position: -206px -59px; } .Visa { background-position: 0 -118px; } .Amex { background-position: -103px 0; } .PaymentOptions { border-top: 1px solid #F0F0F0; padding: 10px 0 0; position: relative; } .PaymentOptions a.ArrowLink { position: absolute; right: 0; top: 17px; } .ArrowLink { padding-left: 20px; } .PaymentOptions .Gray { color: #8E8E8E; padding: 5px 0 15px; } .Gray { color: #8E8E8E; } /* Login Form*/ #mt_fancy_login { width: 550px; } .mt_login_form_sarmalayici { /* margin-left: 10px; margin-right: 20px;*/ } #mt_fancy_login h1 { font-size: 26px; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; font-weight: 200; } /* URUNLER */ .urun_items { height: 265px; border-right: solid 1px #CACACA; border-bottom: solid 1px #CACACA; } .mt_urun_title { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #1779be; } .mt_en_dusuk_fiyat { font-size: 14px; color: #ed145b; } .mt_home_urun_sarmalayici { display: block; overflow: hidden; margin-bottom: 15px; } .mt_anasayfa_kategori_sarmalayici { display: block; overflow: hidden; } .mt_urun_thumbnail { min-height: 125px; margin-top: 10px; } .mt_urun_thumbnail img { width: 205px; } .mt_urun_boyut { width: 200px; } .mt_urun_thumbnail_left_margin { margin-left: 32px; } .mt_urun_thumbnail_right_margin { margin-right: 32px; } .mt_urun_thumbnail_center_margin { margin: 0 30px; } .urun_items_border_right { border-right: solid 1px #666666; } .urun_items_border_none { border-right: none; } .mt_urun_ozellikleri_list { display: block; margin-top: 18px; } .mt_urun_tasarimlari_gozat { margin-top: 10px; } .mt_urun_bilgi { display: block; overflow: hidden; margin-top: 5px; } .mt_urun_ozellikleri_list { margin-left: 0px; list-style: none; } .mt_urun_ozellikleri_list li { display: block; clear: both; } .mt_urun_ozellikleri_list li span { height: 10px; width: 10px; display: block; float: left; background-position: -22px 0; margin-top: 5px; margin-right: 3px; } .mt_urun_ozellikleri_list a { color: #898989; font-size: 12px; } .mt_anasayfa_kategori { margin-bottom: 10px; } .mt_anasayfa_kategori li { overflow: hidden; margin-bottom: 10px; } .mt_anasayfa_kategori li a { height: 175px; width: 700px; display: block; float: left; border: solid 1px #d9d9d9; } .mt_anasayfa_kategori_bilgi { border: solid 1px #d9d9d9; float: right; } .mt_anasayfa_kategori img { display: block; } .mt_anasayfa_kategori a { font-size: 18px; font-family: 'Open Sans', sans-serif; } /* #URUNLER */ /* PAKETLER*/ .paket_sarmalayici { width: 1000px; display: block; overflow: hidden; padding: 20px 20px 0 20px; } .paket_sarmalayici .content { height: 400px; overflow: auto; width: 820px; } .mt_paketler { margin-bottom: 10px; border-bottom: solid 1px #898989; overflow: hidden; display: block; } .mt_paket_baski { margin: 0 0 20px 0; font-size: 20px; font-family: 'Open Sans', sans-serif; color: #252525; } .mt_paket_ozellik { margin-top: 15px; } .mt_paket_ozellik span { font-size: 14px; color: #252525; margin-bottom: 10px; display: block; } .mt_paket_teslimat { color: #363636; font-size: 12px; } .ana_kolonlar { margin-left: 30px; width: 120px; float: left; } .mt_paket_detay_aciklama a { font-size: 12px; color: #252525; margin-left: 5px; } .mt_paket_detay_aciklama .mt-icon { margin-right: 3px; } .alt_kolonlar { width: 150px; float: left; } .paket_satir { margin: 2px 0; height: 30px; line-height: 30px; } .paket_radio { margin: 7px 10px; float: left; } .paket_secenek_blok { display: block; width: 550px; margin-left: 10px; } .paket_secenek_blok h1 { font-size: 14px; color: #363636; } .paket_secenek_img_sarmalayici { clear: both; overflow: hidden; display: block; margin-bottom: 10px; } .mt_paket_resmi { margin: 0 15px 0 0; width: 150px; height: 150px; } .mt_paket_resmi img { border: solid 1px #ccc; padding: 3px; } .mt_paket_adi { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #363636; } .paket_input_radio_bos { width: 30px; display: block; float: left; overflow: hidden; } /* #PAKETLER*/ /* TAB */ ul.tabs { width: 250px; margin: 0; padding: 0; } ul.tabs li { display: block; float: left; padding: 0 5px; } ul.tabs li a { display: block; float: left; padding: 5px; font-size: 0.8em; background-color: #e0e0e0; color: #666; text-decoration: none; } .selected { font-weight: bold; } /*.tab-content { clear: both; border: 1px solid #ddd; padding: 10px; overflow: hidden; }*/ /* #TAB */ /* SABLONLAR*/ #ic { width: 980px; margin: 0px auto; overflow: hidden; /* Sitenin alt kısmı için */ margin-bottom: 30px; } #alt-ic { display: block; width: 980px; margin: 0 auto; clear: both; overflow: hidden; background: #DFDFDF; position: relative; z-index: 2; } .alt-kutu { display: inline-block; float: left; width: 245px; padding: 30px 0 0 0 } .alt-kutu h2 { margin: 0 0 10px 0; padding: 0; color: #666; font-weight: normal; font-family: 'Open Sans', sans-serif; } .alt-kutu-sag { text-align: right } .alt-kutu ul { list-style: none; margin: 0; padding: 0; } .alt-kutu ul li { display: block; font-size: 11px; height: 20px; line-height: 20px; } .alt-kutu ul li a { color: #666 } .alt-kutu ul li a:hover { text-decoration: underline } /*.mt_template_category_wrapper select{ width: 220px; }*/ .mt_template_cell_wrapper { margin: 5px 15px 0 20px; } .mt_cell_tree { width: 20px; height: 20px; display: block; text-indent: -9999px; float: left; margin: 2px; overflow: hidden; } .mt_cell_tree.selected { background-position: -103px -110px; } .mt_cell_four { width: 27px; height: 20px; display: block; text-indent: -9999px; float: left; margin: 2px; overflow: hidden; } .mt_cell_four.selected { background-position: -123px -110px; } /* #SABLONLAR*/ /* Pagination*/ div.pagination { font-size: 12px; text-align: right; padding: 10px 6px 4px 0; color: #313031; } div.pagination a { color: #898989; text-decoration: none; padding: 2px 4px; margin: 0 3px 0 3px; } div.pagination a:hover, div.pagination a:active { color: #0066a7; background-color: #e2e2e2; } div.pagination span.current { padding: 2px 4px; margin: 0 3px 0 3px; font-weight: bold; color: #444444; background-color: #e2e2e2; } div.pagination span.disabled { display: none; } .mt_sablon_alt_pagination { margin: 15px 0; } /* #Pagination*/ /* UYELIK*/ .mt_uye_ol_sarmalayici h1 { font-size: 26px; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; font-weight: 200; } .mt_uye_ol_sarmalayici { margin: 0; overflow: hidden; display: block; margin-top: 20px; } .mt_uye_ol_sarmalayici .col1 { display: block; overflow: hidden; width: 300px; padding-top: 20px; margin-right: 30px; } .mt_uye_ol_sarmalayici .col2 { display: block; overflow: hidden; width: 330px; padding-top: 20px; } .mt_uye_ol_sarmalayici .col3 { display: block; overflow: hidden; width: 330px; padding-top: 20px; } .mt_uye_ol_sarmalayici .mt_login_form_sarmalayici { width: 245px; } .mt_uye_ol_sarmalayici .col2 .mt_register_form_sarmalayici { margin: 0 auto; width: 245px; } .mt_uye_ol_sarmalayici .mt_password_forget_sarmalayici { width: 245px; } .uyeliksiz_giris { margin-left: 15px; width: 243px; } .uye_girisi { width: 245px; } /* #UYELIK*/ .sablon_ana_sarmalayici { margin-top: 10px; } .sablon_arama_bar_sarmalayici { width: auto; background: #f5f5f5; height: 50px; margin: 0; padding: 0; } .sablon_arama_bar { height: 25px; width: 1000px; height: 40px; margin: 0px auto; display: block; padding-top: 5px; } .sablon_arama_bar .sablonTitle { color: #0e76bc; font-size: 18px; font-family: 'Open Sans', sans-serif; } .sablon_arama_bar .sablonEndusukFiyat { color: #ed145b; font-size: 12px; } .sablon_sag { display: block; overflow: hidden; } .sablon_sol { width: 185px; float: left; } .mt_sablon_boyut { width: 220px; } .mt_sablon_img_yatay .mt_sablon_img { width: 220px; height: 270px; } .mt_sablon_img_yatay { overflow: hidden } .mt_ortak_yaslama { margin: 0 auto; overflow: hidden; margin-bottom: 15px; } .mt_sablon_items { border-bottom: 1px solid #CACACA; border-right: 1px solid #CACACA; width: 255px; } .mt_sablon_items_border_none { border-right: none; } .mt_urun_ozellikleri { margin-right: 20px; } .mt_bar_sag { margin-top: 5px; } .mt_sablon_tasarim_sec { } .mt_sablon_sablon_kodu { font-size: 11px; color: #636363; margin-top: 6px; } .mt_sablon_alt_bilgi { margin-top: 15px; color: #636363; } .mt_bar_sol { margin: 4px 50px 0 0; } .mt_bar_arama_sarmalayici { width: 213px; height: 30px; top: 10px; right: 0px; position: relative; } .mt_bar_input_sarmalayici { position: relative; display: block; } .mt_bar_input_sarmalayici input { border: solid 1px #c2c2c2; width: 200px; height: 30px; padding-left: 10px; } .mt_bar_arama_icon { display: block; height: 30px; width: 30px; position: absolute; right: 0; top: 0; background-color: #c2c2c2; border: solid 1px #c2c2c2; cursor: pointer; } .mt_bar_arama_icon span { width: 16px; height: 16px; display: block; margin: 7px auto; } /* SIPARISLER*/ #mt_siparis_filtre { margin-bottom: 10px; margin-top: 10px; overflow: hidden; display: block; } #mt_siparis_filtre li { float: left; margin-right: 18px; } #mt_siparis_filtre li a { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #363636; } #mt_siparis_filtre li a.secili { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #49C0EE; } #mt_siparis_filtre li a:hover { color: #49C0EE; } .mt_siparis_is_sayisi { font-size: 14px; } #mt_siparis_filtre li span.separator { color: #BBBBBB; display: block; float: right; font-size: 20px; font-family: 'Open Sans', sans-serif; line-height: 14px; margin-left: 20px; } .siparis_headsarmal { width: 100%; height: 135px; } .siparis_navsepet { width: 100%; height: 50px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; } .siparis_navsepet1 { width: 1111px; height: 50px; margin: auto; } .siparis_nawsepet_ara { width: 250px; height: 50px; float: left; margin-top: 15px; } .siparis_nawsepet_ara input { width: 182px; height: 29px; border: 1px solid #c2c2c2; padding-left: 10px; } .siparis_nawsepet_ara img { position: absolute; margin-top: 0px; } .siparis_nawsepet_sort { width: 250px; height: 50px; float: left; margin-top: 15px; } .siparis_sayfalama { float: right; margin-top: 15px; } .mt_siparis_items { display: block; overflow: hidden; } .siparis_ortasep { height: 38px; background: #49c0ee; margin-top: 5px; } .mt_siparis_iptal_edilmis_is { background: #ccc; } .siparis_ortasep img { float: left; margin-top: 10px; margin-left: 15px; cursor: pointer; } .siparis_ortasep h1 { font-size: 12px; font-style: italic; color: #FFF; margin-left: 20px; margin-top: 10px; float: left; } .siparis_ortasep h2 { float: left; font-size: 14px; color: #FFF; font-weight: normal; margin-left: 20px; margin-top: 10px; } .siparis_ortasep h3 { float: left; font-size: 12px; color: #000; font-weight: normal; margin-left: 80px; margin-top: 10px; } .siparis_bolme { float: right; font-size: 12px; color: #FFF; min-width: 135px; text-align: center; border-left: 1px solid #FFFFFF; line-height: 38px; height: 38px; } .mt_siparis_main_kod { float: left; border: none; min-width: 500px; cursor: pointer; } .siparis_ortakas { display: none; width: 100%; float: left; } .siparis_oalan1 { width: 755px; margin-top: 10px; margin-right: 3px; display: block; float: left; } .mt_bilgi_ekrani { color: #222; } .mt_siparisler_bilgi_fiyat { font-size: 12px; } .siparis_basket { border-bottom: solid 1px #cacaca; overflow: hidden; padding: 10px 0; } .mt_cl_folderico { width: 25px; height: 15px; float: left; } .mt_cl_klasorler { width: 200px; float: left; border-right: 1px silver solid; } .mt_cl_dosyaDis { float: left; height: 30px; line-height: 32px; font-weight: 200; cursor: pointer; margin: 0px 0px 3px 0px; border: 1px solid transparent; padding: 5px; } .mt_cl_dosyaDisClone { float: left; width: 150px; height: 30px; line-height: 32px; font-weight: 200; cursor: pointer; margin: 0px 0px 3px 0px; border: 1px dashed #333333; padding: 5px; } .mt_cl_goruntu { width: 200px; position: absolute; opacity: 0.8; } .mt_cl_thResim { width: 50px; height: 50px; overflow: hidden; margin: 3px 0 0 0; } .mt_cl_thResim img { height: 50px; } .mt_cl_klasoryonet_btn a { font-size: 14px; display: block; color: #57c4ef; line-height: 27px; margin: 20px 0 20px 0; } .mt_cl_klasoryonet_btn .mt-icon { margin: 3px 5px 0 0; height: 20px; width: 20px; } .mt_cl_dosyayukle_btn a { font-size: 20px; font-family: 'Open Sans', sans-serif; display: block; color: #57c4ef; line-height: 27px; margin: 10px 0 30px 0; } .mt_cl_dosyayukle_btn .mt-icon { margin: 3px 5px 0 0; height: 20px; width: 20px; } .mt_cl_anaklasor_btn { overflow: hidden; } .mt_cl_anaklasor_btn:hover { background: #F1F1F1; } .mt-cl-btn-aktive { background: #0090ff !important; color: #FFF; } .mt_cl_anaklasor_btn a { float: left; font-size: 12px; display: block; color: #000; line-height: 27px; } .mt_cl_anaklasor_btn .mt-icon { margin: 10px 5px 0 0; height: 10px; width: 10px; } .mt_cl_calismalar { width: 745px; float: left; } .mt_cl_calismalar_head { width: 745px; float: left; } .mt_cl_ustNav { float: left; height: 50px; display: none; } .mt_cl_dosyalar { width: 765px; float: right; margin: 20px 2px 0 0; padding: 5px; } .mt_cl_dosyaDIc { margin-left: 20px; } .mt_cl_klasorlerim { width: 745px; background: #f5f5f5; height: 55px; float: left; margin-top: 3px; cursor: pointer; } .mt_cl_seperator { float: left; height: 20px; padding: 5px; margin: 5px 0px 5px 0px; cursor: pointer; } .mt_cl_dosyalar_row { width: 745px; height: 55px; background: #f5f5f5; margin: 3px 0 0 0; float: left; } .mt_cl_baslikBar { height: 30px; background: #454545; line-height: 30px; color: #FFF; border: 1px solid #454545; } .mt_cl_cell { display: block; float: left; } .mt_cl_cell_dosyaAdi { width: 180px; line-height: 50px; height: 50px; } .mt_cl_cell_dosyaAdiList { width: 180px; line-height: 53px; font-weight: 200; } .mt_cl_cell_dosyaAdiListAna { width: 180px; line-height: 30px; cursor: pointer; } .mt_cl_cell_dosyaAdiListAna:hover { color: #0090FF; } .mt_cl_calismaTuru { cursor: pointer; } .mt_cl_calismaTuru:hover { color: #0090FF; } .mt_cl_cell_dosyaTuru { width: 60px; margin: 0 20px 0 20px; } .mt_cl_cell_dosyaTuruList { width: 60px; margin: 0px 20px 0px 20px; text-align: center; line-height: 53px; } .mt_cl_cell_urun { width: 50px; } .mt_cl_checkana { width: 20px; } .mt_cl_checkana input { margin: 8px 0 0 5px; } .mt_cl_check { width: 20px; } .mt_cl_check input { margin: 20px 0 0 5px; } .mt_cl_checkList { width: 20px; } .mt_cl_checkList input { margin: 20px 0 0 5px; } .mt_cl_checkList { width: 20px; } .mt_cl_cell_dosyaResim { width: 50px; height: 50px; float: left; margin: 0 20px 0 20px; } .mt_cl_cell_dosyaResim img { margin: 7px 0px 0 0px; } .mt_cl_cell_tarih { cursor: pointer; width: 130px; margin: 0 20px 0 20px; } .mt_cl_cell_tarih:hover { color: #0090FF; } .mt_cl_cell_tarihList { width: 130px; margin: 0 20px 0 20px; line-height: 53px; } .mt_cl_cell_islemlerAna { width: 20px; margin: 0 5px 0 5px; line-height: 53px; color: #bd3e00; cursor: pointer; } .mt_cl_cell_islemler { width: 20px; height: 20px; margin: 15px 5px 0 5px; line-height: 53px; color: #bd3e00; cursor: pointer; background: url("../_img/contextmenu/menu.png") no-repeat; } .mt_cl_cell_islemler:hover { background: url("../_img/contextmenu/menuHover.png") no-repeat; } .mt_cl_cell_sepetKontrolAna { width: 20px; margin: 0 5px 0 5px; line-height: 53px; color: #bd3e00; cursor: pointer; } .mt_cl_cell_sepetKontrol { width: 20px; height: 20px; margin: 13px 5px 0 5px; line-height: 53px; color: #bd3e00; cursor: pointer; text-align: center; background: url("../_img/contextmenu/1363375513_shopcart_24x24.png") no-repeat; } .mt_cl_islemMenu { position: absolute; border: 1px dashed #000; display: none; background: #FFF; width: 150px; } .mt_cl_islemMenuBtn { width: 150px; height: 40px; color: #000000; float: left; border-bottom: 1px solid #000; } .mt_cl_imageDrag { width: 50px; height: 50px; position: absolute; background-image: url("../_img/Images-icon.png"); opacity: 0.8; } .mt_cl_cell_boyutu { width: 60px; margin: 0 20px 0 20px; cursor: pointer; } .mt_cl_cell_boyutu:hover { color: #0090FF; } .mt_cl_ustNavBtn { width: 100px; height: 30px; background: #ececec; float: left; text-align: center; line-height: 30px; margin: 10px 5px 10px 0px; cursor: pointer; } #mt_sil_mesaj { border: 8px solid #E1E1E1; } .sepet_bos_goruntusu { height: 400px; width: 100%; background: url("../_img/bos_sepet.png") center no-repeat; padding: 140px 0 0 0; } .tcy_bos_goruntusu { height: 400px; width: 100%; background: url("../_img/dosyayok.png") center no-repeat; padding: 140px 0 0 0; } .dosya_bos_goruntusu { height: 400px; width: 100%; background: url("../_img/dosyayok.png") center no-repeat; } .mt_cl_cell_boyutuList { float: left; width: 60px; margin: 0 20px 0 20px; text-align: center; line-height: 53px; } .mt_cl_cell_sepet { width: 50px; } .mt_cl_cell_sil { width: 20px; } .mt_cl_images_border { width: 50px; height: 50px; background: #e2e2e2; } .mt_cl_klasoryonetimi { } .mt_cl_klasoryonetimi ul { width: 500px; height: 20px; } .mt_cl_klasorSecili { background: #d7d7d7; } .mt_cl_iconDosya { width: 20px; height: 15px; float: left; margin: 8px 3px 0px 0px; } .mt_cl_SubMenu { display: none; position: relative; float: left; left: 20px; } .mt_siparis_bolmeleri a { color: #ffffff; font-size: 12px; padding: 10px 15px; } .mt_siparis_bolmeleri .mt-icon { width: 16px; height: 16px; margin: 1px 4px 0 0; } .mt_siparis_detay { font-weight: 200; font-size: 14px; color: #959595; margin-bottom: 10px; } .mt_siparis_kodu { margin-top: 8px; margin-left: 10px; } .mt_siparis_kodu a { color: #ffffff; font-size: 14px; font-weight: 200; } .mt_siparis_kodu .mt-icon { width: 16px; height: 16px; margin: 2px 5px 0 0; } .mt_siparis_butonlari { margin-top: 10px; } .mt_siparis_buton { margin: 2px; } .mt_siparis_img { border-right: solid 1px #CACACA; margin-right: 10px; } .mt_siparis_aciklama { margin: 10px; width: 540px; font-size: 11px; } .mt_siparis_buton .mt_butons { padding: 0; font-size: 12px; height: 27px; width: 110px; text-align: center; line-height: 27px; } .mt_siparis_fiyat { font-size: 24px; color: #0c78be; font-family: 'Open Sans', sans-serif; margin-top: 15px } .mt_siparis_fiyat .baskiListemFiyatBirim { padding: 0; margin: 3px; } /* #SIPARISLER*/ /* ANASAYFA */ /* ICON CSS*/ .mt_anasayfa_tum_urunler { height: 40px; } .mt_header_menu { margin-top: 12px; } .mt_header_menu a { color: #252525; font-size: 14px; } .mt_header_menu a:hover { color: #0976bd; font-size: 14px; } .mt_menu_hesap_makinasi_btn, .mt_menu_yardim_btn, .mt_menu_sepetim_btn { margin-right: 15px; border-right: 1px solid #888888; padding-right: 10px; } /* #ICON CSS*/ /* #tumUrunlerSekme{ position: absolute; background: #58c4ed; top: 40px; left:0; display: none; border-top: none; z-index: 2; } #tumUrunlerSekme li a{ background: url('/_img/mt_simgeler_15.png') 0 -135px no-repeat; padding-left: 20px; color: #818181; height: 20px; display: block; color: #ffffff; } #tumUrunlerSekme li a:hover{ background-position: 0 -150px; } #tumUrunlerSekme li{ border-bottom: 1px solid #E6E6E6; height: 25px; margin: 3px 0px; padding: 0 10px; width: 115px; } #mt_mega_menu{ position: relative; } */ /* ANASAYFA */ #mt_menuler { display: block; float: left; height: 40px; position: relative; width: 140px; background: none repeat scroll 0 0 #00A6E4; } #mt_menuler .nav { margin: 0; padding: 0; list-style: none; display: block; } #mt_menuler .nav li { display: block; position: relative; z-index: 500; height: 40px; line-height: 40px; } /* this is the parent menu */ #mt_menuler .nav li a { display: block; text-decoration: none; color: #252525; padding: 0 15px; } .mt_mega_menu_hover { background: #58c4ed; } /* you can make a different style for default selected value */ #mt_menuler .nav a.selected { color: #f00; } /* submenu, it's hidden by default */ #mt_menuler .nav ul { position: absolute; left: 0; top: 40px; display: none; padding: 0; list-style: none; background-color: #57c4ef; width: 190px; } #mt_menuler .nav ul li { border-bottom: 1px solid #fff; display: block; width: 190px; } #mt_menuler .nav ul li:hover { background: #A4DFF6; } /* display block will make the link fill the whole area of LI */ #mt_menuler .nav ul a { display: block; height: 37px; color: #ffffff; } .mt_menu_cerceve .content { height: 400px; overflow: auto; width: 680px; } /* MEGA MENU V2*/ /*.mt_megamenu_block{ width: 200px; } .mt-nav2-parent{ color: #252525; font-size: 12px; display: block; margin-bottom: 4px; } .mt-nav2-main a.main{ font-weight: 200; font-size: 12px; color: #111111; } .mt-nav2-main{ margin: 15px; }*/ .mt_anasayfa_megamenu_ac_hover { background: #f4f4f4; } .mt_anasayfa_megamenu_ac_hover a#mt_anasayfa_megamenu_ac { color: #ffffff; height: 40px; background: #1aa5de; line-height: 40px; } #menu_nav_static { float: left; } #menu_nav_static ul li { float: left; } #menu_nav_static ul li a { font-family: 'Open Sans', sans-serif; float: left; color: #252525; font-size: 18px; display: block; height: 40px; line-height: 40px; padding: 0 10px 0 10px } #menu_nav_static_2 { float: left; width: 830px; } #menu_nav_static_2 ul li { float: left; margin-right: 12px; } #menu_nav_static_2 ul li a { font-family: 'Open Sans', sans-serif; float: left; color: #252525; font-size: 18px; display: block; height: 40px; line-height: 40px; padding: 0 10px 0 10px } #menu_nav_static_2 ul li a:hover { background: #88d3f1 } #bh_fiyathesapla a { float: left; display: block; width: 140px; height: 40px; line-height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0 -80px; } #bh_fiyathesapla a:hover { text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0 -120px; } #bh_bossablonlar a { float: left; display: block; width: 140px; height: 40px; line-height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0 -160px; } #bh_bossablonlar a:hover { text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0 -200px; } #bh_snc a { float: left; display: block; width: 180px; height: 40px; line-height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0 -240px; } #bh_snc a:hover { text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0 -280px; } #menu_nav_static .cizgi { height: 40px; border-right: 1px solid #88D3F1; width: 0px; } .mt_menu_anacerceve { top: 40px; position: absolute; background: #1aa5de; z-index: 4; width: 960px; display: none; border-bottom: 3px solid #0d79c1; padding: 10px } .mt_menu_cerceve { width: 685px; display: block; overflow: hidden; padding: 10px 0 10px 10px; } .mt_menu_buton { position: relative; float: left; width: 150px; height: 170px; margin-left: 10px; margin-top: 10px; left: 10px; top: 10px; } .mt_menu_butonbaslik { font-size: 15px; font-family: 'Open Sans', sans-serif; text-align: left; font-weight: 200; margin: 0px; } .mt_menu_butonaciklama { font-size: 12px; color: #a59f9f; text-align: left; margin: 0px; } .mt_menu_altaciklama { width: 150px; height: 20px; background: #49c0ee; margin-top: 5px; } /* SLIDER */ /* Basic jQuery Slider essential styles */ ul.mts { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; } li.mts-slide { position: absolute; display: none; } ul.mts-controls { list-style: none; margin: 0; padding: 0; z-index: 9999; } ul.mts-controls.v-centered li a { position: absolute; text-indent: 999999px; } ul.mts-controls.v-centered li.mts-next a { right: 0px; width: 70px; height: 270px; background: url("../_img/slider_next.png") no-repeat center; } ul.mts-controls.v-centered li.mts-prev a { left: 0px; width: 70px; height: 270px; background: url("../_img/slider_pre.png") no-repeat center; } ol.mts-markers { list-style: none; padding: 1px; margin: 0; width: suto; position: absolute; bottom: 10px; left: 10px; border: 1px solid #fff } ol.mts-markers.h-centered { text-align: center; } ol.mts-markers li { display: inline; } ol.mts-markers li a { display: inline-block; } p.mts-caption { display: block; width: 96%; margin: 0; padding: 2%; position: absolute; bottom: 0; } /* ul.mts-controls.v-centered li a{ display:block; padding:10px; background:#fff; color:#000; text-decoration: none; } ul.mts-controls.v-centered li a:hover{ background:#000; color:#fff; } ol.mts-markers li a{ height:20px; width: 20px; background:#83d4f2; color:#fff; margin-right:0; text-decoration: none; text-align: center; line-height: 20px; } ol.mts-markers li.active-marker a, ol.mts-markers li a:hover{ background: #49c0ee; } */ p.mts-caption { background: rgba(255, 255, 255, 0.5); } #mt_home_slider { width: 980px; height: 270px; margin-bottom: 10px; float: left; z-index: 3; } /* #SLIDER */ /* CUSTOM-SELECTBOX */ .sb-custom { cursor: pointer; display: inline; position: relative; width: 100%; } .mt-custom-select { display: none; } .no-js .mt-custom-select { display: block; } /* .sb-select:focus { -webkit-box-shadow: 0 0 4px 2px #79aed7; -moz-box-shadow: 0 0 4px 2px #79aed7; box-shadow: 0 0 4px 2px #79aed7; }*/ .sb-select { background: #ffffff url('../_img/select-arrow.png') no-repeat 100% 50%; border: 1px solid #C2C2C2; color: #444; left: 0; padding-left: 10px; position: relative; text-decoration: none; top: 0; height: 30px; z-index: 1; cursor: pointer; } .sb-dropdown { /* -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); */ background: white; display: none; left: 0px; list-style: none; margin: 0; position: absolute; top: 24px; z-index: 2; border-left: solid 1px #C2C2C2; border-right: solid 1px #C2C2C2; border-bottom: solid 1px #C2C2C2; } .sb-dropdown a { color: #444; display: block; padding: 3px; text-decoration: none; height: 25px; line-height: 25px; padding-left: 10px; } .sb-dropdown a:hover, .sb-dropdown .selected { background: #d3d1be; } /* #CUSTOM-SELECTBOX */ .qq-uploader { position: relative; width: 100%; } .qq-upload-button { display: block; height: 60px; text-align: center; background: #f1f1f1; border: 1px dashed #000; color: #8b8b8b; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 60px; } .qq-upload-button-hover { } .qq-upload-button-focus { outline: 1px dotted #000000; } .qq-upload-drop-area, .qq-upload-extra-drop-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 30px; z-index: 2; background: #FF9797; text-align: center; } .qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px; font-family: 'Open Sans', sans-serif; } .qq-upload-extra-drop-area { position: relative; margin-top: 50px; font-size: 16px; font-family: 'Open Sans', sans-serif; padding-top: 30px; height: 20px; min-height: 40px; } .qq-upload-drop-area-active { background: #FF7171; } .qq-upload-list { margin: 0; padding: 0; list-style: none; } .qq-upload-list li { margin: 0; padding: 9px; line-height: 15px; font-size: 16px; font-family: 'Open Sans', sans-serif; background-color: #FFF0BD; } .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished { margin-right: 12px; } .qq-upload-file { } .qq-upload-spinner { display: inline-block; background: url("loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom; } .qq-drop-processing { display: none; } .qq-drop-processing-spinner { display: inline-block; background: url("processing.gif"); width: 24px; height: 24px; vertical-align: text-bottom; } .qq-upload-finished { display: none; width: 15px; height: 15px; vertical-align: text-bottom; } .qq-upload-retry { display: none; color: #000000; } .qq-upload-cancel { color: #000000; } .qq-upload-retryable .qq-upload-retry { display: inline; } .qq-upload-size, .qq-upload-cancel, .qq-upload-retry { font-size: 12px; font-weight: 200; } .qq-upload-failed-text { display: none; font-style: italic; font-weight: 200; } .qq-upload-failed-icon { display: none; width: 15px; height: 15px; vertical-align: text-bottom; } .qq-upload-fail .qq-upload-failed-text { display: inline; } .qq-upload-retrying .qq-upload-failed-text { display: inline; color: #D60000; } .qq-upload-list li.qq-upload-success { background-color: #5DA30C; color: #FFFFFF; } .qq-upload-list li.qq-upload-fail { background-color: #D60000; color: #FFFFFF; } .qq-progress-bar { background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(50%, rgba(41, 137, 216, 1)), color-stop(51%, rgba(32, 124, 202, 1)), color-stop(100%, rgba(125, 185, 232, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); /* W3C */ width: 0%; height: 15px; border-radius: 6px; margin-bottom: 3px; display: none; } .mt_qr_sarmalayici { width: 300px; background: #F1F1F1; } .mt_qr_form { width: 270px; margin: auto; height: 20px; } .mt_qr_btn { margin-left: 5px; } .mt_qr_urlForm { display: none; } /* TICKET*/ .bilgi_secenekleri ul { list-style: none; } .bilgi_secenekleri ul li { float: left; margin: 5px; } .bilgi_secenekleri ul li a { padding: 10px; width: 160px; background: #009fdd; display: block; text-align: center; color: #ffF; font-size: 15px; font-family: 'Open Sans', sans-serif; } .talep_formu_sarmalayici { width: 470px; margin: 10px 0 0 10px; } .mt_ticket_ust_simge { width: 320px; height: 64px; background: url("/_img/mt_ticket_simge.jpg") no-repeat; padding-left: 65px; padding-top: 25px; margin-left: 5px; } .mt_ticket_ust_simge h2 { color: #1779be; font-size: 25px; font-family: 'Open Sans', sans-serif; font-weight: 200; } .mt_yeni_ticket { background: #1779be; } .mt_yeni_ticket:hover { background-color: #009fdd; } .mt_ticket_button { line-height: 30px; color: #fff; font-size: 14px; padding: 0 10px; display: block; height: 30px; } .mt_ticket_submit_button { color: #fff; background: #1779be; border: none; cursor: pointer; } .mt_destek_ico { background: url("img/icons/mt_simgeler_30.png") no-repeat scroll 0 0 transparent; background-position: 0 -780px; width: 30px; height: 30px; } .mt_ticket_konu { font-size: 14px; margin-top: 5px; } .mt_ticket_durum { font-size: 11px; margin-top: 7px; color: #1779be; margin-right: 15px; } .mt_yeni_msj { background-position: 0 -840px; } .mt_okunmus_msj { background-position: 0 -810px; } .mt_ticket_gelenler { } .mt_ticket_gelenler ul li { overflow: hidden; padding: 4px; margin-bottom: 3px; } .mt_acik_renk { background-color: #eef6fb; } .mt_kapali_renk { background-color: #e3f0f8; } #mt_destek_iste .mt_ticket_kisa_input { width: 75px; font-weight: 200; } #mt_destek_iste .mt_ticket_uzun_input { width: 300px; } #mt_destek_iste .mt_ticket_input_combo { background: none repeat scroll 0 0 #FFFFFF; border-color: #BBBBBB #DDDDDD #DDDDDD #BBBBBB; border-left: 1px solid #BBBBBB; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #333333; font-size: 12px; padding: 5px 10px; width: 235px; } #mt_destek_iste .mt_ticket_input_combo:focus { background: none repeat scroll 0 0 #e3f0f8; border: 1px solid #AAAAAA; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px #CCCCCC; color: #333333; font-size: 12px; padding: 5px 10px; width: 235px; } #mt_destek_iste .mt_ticket_input { background: none repeat scroll 0 0 #FFFFFF; border-color: #BBBBBB #DDDDDD #DDDDDD #BBBBBB; border-left: 1px solid #BBBBBB; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #333333; font-size: 12px; padding: 5px 10px; resize: none; } #mt_destek_iste .mt_ticket_input:focus { background: none repeat scroll 0 0 #e3f0f8; border: 1px solid #AAAAAA; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px #CCCCCC; color: #333333; font-size: 12px; padding: 5px 10px; } .mt_ticket_mesajalani { margin: 30px 0 30px 40px; display: none; } .mt_ticket_mesajalani ul { margin: 0; padding: 0; color: #1779be; } .mt_ticket_mesajalani ul li span { background-position: 0 -875px; height: 20px; } .mt_ticket_yazilan_msj { margin-left: 30px; color: #333333; } .mt_ticket_hizli_mesaj { margin-left: 30px; margin-top: 20px; } .mt_ticket_hizli_mesaj textarea { width: 350px; height: 95px; border: solid 1px #bfbfbf; padding: 5px; resize: none; } .shadow { -moz-box-shadow: inset 0px 0px 3px #ccc; -webkit-box-shadow: inset 0px 0px 3px #ccc; box-shadow: inset 0px 0px 3px #ccc; } .destek_baslik { border-bottom: 1px #ebebeb solid; color: #1779be; } .mt_ticket_hizli_gonder { background: none; border: none; background: #1779BE; padding: 5px; color: #fff; margin-top: 5px; cursor: pointer; } .destek_iste_uyari { background: #FFFFCC; padding: 10px; } /* #TICKET*/ .mr_googlemap_cerceve { width: 640px; border: 1px dashed #000; height: 640px; } .mr_googlemap_tutac { width: 20px; height: 20px; left: 620px; top: 642px; position: absolute; } .mt_iptal_edilen_is { background: #FFEDED; } .items select { width: 200px; } .items input { width: 185px; } .mt_normal_is { border: 1px #CCC solid } .mt_sp_seceneklerOdd { width: 305px; background: #f5f5f5; } .mt_sp_fiyatSablon { width: 208px; float: right; margin: 10px 0 0 5px; font-size: 18px; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: normal; } .mt_sp_fiyatCell { width: 100px; float: left; margin: 10px 0 5px 2px; } .mt_sp_fiyatCellTam { width: 215px; float: left; margin: 10px 0 10px 2px; color: #0d79c1; } .mt_sp_fiyatAyrac { width: 215px; border-bottom: 1px solid #000; float: left; margin: 10px 0 10px 0; } .mt_sp_fiyatTextAyrac { width: 2px; float: left; margin: 10px 0 0 0; } .mt_sp_fiyatTextKucuk { font-size: 18px; } .mt_tasarim_is { border: dashed 2px #0c78be; } .mt_calisma_yukle_is { border: dashed 2px #52cc7a; } .mt_sp_sepetSecenekler { margin: 0 0 0 5px; } .mt_sp_urunler { float: left; margin: 0 7px 0 0px; color: #666; } .mt_sp_urunlerOdd { float: left; margin: 0 7px 0 0px; color: #6a7075; } .mt_sp_SepetTrueMenu { display: none; margin: -15px 0 0 0; } .mt_sp_urunAdi { font-size: 24px; font-family: 'Open Sans', sans-serif; } .mt_sp_secenekleriDuzenle { background: none repeat scroll 0 0 #666666; color: #FFFFFF; cursor: pointer; font-size: 11px; margin: 4px 1px 0 0; padding: 5px 8px; text-align: center; width: 100px; float: left; } .mt_sp_secenekleriDuzenleGizle { background: none repeat scroll 0 0 #666666; color: #FFFFFF; cursor: pointer; display: none; font-size: 11px; margin: 5px 0 5px 0; padding: 5px 8px; text-align: center; width: 40px; } .mt_sp_TasarimaGit { background: none repeat scroll 0 0 #666666; color: #FFFFFF; cursor: pointer; font-size: 11px; margin: 4px 0 0; padding: 5px 8px; text-align: center; width: 100px; float: left; } .mt_sp_sepetSeceneklerSutunBir { width: 400px; margin: -10px 0 5px 0; } .mt_sp_sepetSeceneklerSutunIki { width: 200px; color: #6a7075; } .mt_sp_sepetSeceneklerSutunUc { color: #222; font-size: 25px; font-family: 'Open Sans', sans-serif; margin: 0 0 0 5px; text-align: right; width: 100px; } .mt_kullanici_iptal { border: dashed 2px #9b4b4b; } .mt_isler_durum_sarmalayici { margin: 0px 0 15px 0; overflow: hidden; display: block; color: #252525; } .mt_isler_durum_sarmalayici li { float: left; margin: 3px; } .mt_isler_durum_icon { width: 20px; height: 5px; margin-top: 4px; margin-right: 4px; } .mt_uyari_kutusu { border: solid 1px #009fdd; height: 35px; line-height: 35px; padding: 0 10px; background: #cdf3fa; } .mt_kredi_karti_blok { position: relative; } .mt_cl_klasorOlustur { width: 195px; height: 20px; color: #66c8f0; margin: 30px 0 0 0; line-height: 20px; font-size: 18px; font-family: 'Open Sans', sans-serif; cursor: pointer; } .mt_cl_klasorOlusturIco { width: 20px; height: 20px; float: left; margin-right: 5px; background-color: #57c4ef; } .mt_cl_dosyaEkleIco { width: 20px; height: 20px; float: left; margin-right: 5px; margin-top: 5px; } .mt_cl_klasorlerSarmal { width: 195px; margin: 80px 0 0 0; } .mt_cl_klasor { width: 195px; height: 32px; color: #444; line-height: 32px; font-size: 12px; cursor: pointer; display: none; margin-top: 1px; border: 1px transparent solid; } .mt_cl_klasor:hover { background: #ebebeb; color: #333; } .mt_cl_klasorIco { width: 20px; height: 15px; float: left; margin-right: 5px; position: relative; top: 8px; } .mt_cl_klasorPaylasilan { width: 195px; height: 32px; color: #444; line-height: 32px; font-size: 12px; cursor: pointer; } .mt_cl_klasorPaylasilan:hover { background: #ebebeb; color: #333; } .mt_cl_klasorPaylasilanIco { width: 20px; height: 15px; float: left; margin-right: 5px; position: relative; top: 8px; } .mt_cl_copKutusu { width: 195px; height: 32px; color: #444; line-height: 32px; font-size: 12px; cursor: pointer; } .mt_cl_copKutusu:hover { background: #ebebeb; color: #333; } .mt_cl_klasorAktif { background: #ebebeb !important; color: #333; } .mt_cl_copKutusuIco { width: 20px; height: 17px; float: left; margin-right: 5px; position: relative; top: 8px; } .mt_cl_dosyaEkle { width: 115px; height: 30px; background: #1aa5de; color: #ffffff; line-height: 30px; cursor: pointer; padding-right: 5px; padding-left: 5px; margin-bottom: 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; } .mt_cl_icerikTitle { width: 770px; height: 5px; line-height: 80px; color: #0d79c1; font-size: 12px; font-weight: 200; margin: 0 0 0 0; } .mt_cl_checkbox { width: 30px; height: 50px; float: left; } .mt_cl_image { width: 70px; height: 70px; float: left; margin-top: 5px; vertical-align: middle; text-align: center; background-image: url('https://www.matbuu.com/_img/matbuu-loading-16.gif'); background-size: 85% auto; background-repeat: no-repeat; background-position: center; cursor: move; z-index: 2; border: 1px solid #C8C8C8; } .mt_cl_imageKl { width: 80px; height: 50px; float: left; margin-top: 9px; vertical-align: middle; text-align: center; background-size: 85% auto; background-repeat: no-repeat; background-position: center; z-index: 999999999999999999999999; } .mt_cl_imageKl img { margin-top: 8px; } .mt_cl_image img { margin-top: 12px; } .mt_cl_image1 { width: 80px; height: 50px; float: left; } .mt_cl_calismaAdi { width: 170px; height: 50px; float: left; /*width: 698px; height: 20px; float: left; background-color: #CCC; margin: 5px 0 0 0;*/ } .mt_cl_turu { width: 50px; height: 50px; float: left; overflow: hidden; /*width: 40px; height: 20px; float: left; margin: 32px 0 0 0; overflow: hidden; background-color: #CCC;*/ } .mt_cl_urun { width: 130px; height: 50px; float: left; } .mt_cl_tarih { width: 90px; height: 50px; float: left; overflow: hidden; } .mt_cl_aciklama { width: 220px; height: 50px; float: left; overflow: hidden; } .mt_cl_aciklamaIc { font-size: 10px; } .mt_cl_islemler { width: 160px; height: 50px; float: right; text-align: right; } .mt_cl_dosya { width: 770px; height: 80px; border-bottom: 1px silver solid; line-height: 68px; color: #222; display: none; position: relative; padding: 5px 0; } .mt_cl_dosya:hover { background: #fafafa } .mt_cl_klasorCop { width: 770px; height: 68px; border-bottom: 1px silver solid; line-height: 68px; color: #959595; display: none; } .mt_cl_dosyahata { background: #f4e0e0; } .mt_cl_dosyaSuccess { background: #eafdeb; } .mt_cl_checkboxIco { width: 18px; height: 19px; cursor: pointer; position: relative; top: 23px; } .mt_cl_image img { position: relative; top: -8px; } .mt_cl_imagekl img { position: relative; top: -8px; } .mt_cl_sagClick { width: 29px; height: 29px; float: right; background: #7fd3f0; position: relative; top: 20px; text-align: center; cursor: pointer; } .mt_cl_sepet { height: 29px; float: right; margin-right: 2px; position: relative; top: 20px; cursor: pointer; line-height: 29px; background: #1aa5de; } .mt_cl_sagclickIco { width: 25px; height: 18px; position: relative; left: 2px; top: 5px; } .mt_cl_sepetIco { width: 25px; height: 18px; position: relative; left: 2px; top: 5px; float: left; } .mt_cl_sepetNo { float: left; height: 29px; color: #ffffff; padding: 0 2px 0 5px; line-height: 29px; background: #1aa5de; } .mt_cl_sepetNoTruruncu { display: none; float: left; width: 30px; height: 29px; color: #ffffff; line-height: 29px; background-color: #f98e2b; text-align: center; margin: 20px 0px 0 4px; border-right: 2px #FFF solid; cursor: pointer; } #kullaniciDosyasiYukleniyor img { text-align: center; } .mt_cl_dosyaYukleme { width: 782px; height: 68px; border-bottom: 1px silver solid; line-height: 69px; color: #FFF; display: none; text-align: right; font-size: 30px; font-family: 'Open Sans', sans-serif; margin-top: 1px; } .mt_cl_cancelUpload { margin-top: 25px; position: absolute; float: left; cursor: pointer; margin-left: 30px; } .mt_sp_cancelUpload { margin-top: 40px; position: absolute; float: left; cursor: pointer; margin-left: 30px; } .mt_sp_cancelUploadTek { margin-top: 40px; position: absolute; float: left; cursor: pointer; margin-left: 30px; } .mt_cl_klasorYeniOlustur { width: 195px; height: 36px; background: #57c4ef; position: absolute; z-index: 1; margin: 30px 0; } .mt_cl_klasorYeniOlustur input { width: 150px; height: 22px; margin-top: 5px; margin-left: 5px; float: left; border: none; outline: none; padding: 2px; } .klasorOlusturBtn { width: 18px; height: 18px; float: left; margin-top: 8px; margin-left: 8px; cursor: pointer; } .mt_cl_klasor span input { width: 145px; height: 18px; margin-top: 5px; outline: none; color: #66c8f0; font-size: 12px; } .mt_cl_klasorMenuIco { width: 15px; height: 20px; float: right; position: relative; top: 7px; right: 5px; display: none; z-index: 1px; } .paylasKutu { width: 100%; height: 58px; position: absolute; z-index: 2; text-align: center; line-height: 5px; background-image: url('../_img/bgtasarimlarim.png'); margin: 0 0 0 0; padding: 10px 0 0 0; top: 0; } .mt_ts_kutuBackground { background-color: #FFF !important; } .paylasKutu input { outline: none; position: relative; border: solid 1px #c2c2c2; width: 200px; height: 26px; float: left; top: 2px; margin: 0 2px 0 0; } .mt_cl_btnPaylas { width: 28px; height: 28px; background-color: #7fd3f0; position: relative; cursor: pointer; margin-right: 2px; float: left; margin-top: 2px; } .mt_cl_paylasTutac { position: relative; color: #FFF; width: 300px; height: 50px; margin: auto; top: 10px; text-align: left; font-size: 11px; } .mt_cl_icoPaylasbtn { background-position: -68px -128px; } .mt_cl_icoPaylasbtnClose { background-position: -91px -128px; } /* HESABIM */ #hesap_bilgisi form { margin-top: 20px; } .hesap_bilgisi_kredim_block { float: right; margin: 20px 20px 0 0; } #hesap_bilgisi_kredim { background-color: #7FD3F0; color: #FFFFFF; display: inline-block; } .affiliate{ margin-top: 5px; text-align: center; background: #f2772d; text-align: center; transition: all .4s; cursor: pointer; } .affiliate:hover{ background: #ff962e; } .affiliate a { color: #fff; padding: 10px; width: 100%; display: block; } .btn-affiliate-apply{ border-radius: 0; background-color: #f2772d; border: none; padding: 10px 15px; } .btn-affiliate-apply:hover{ background: #ff962e; } #coupon_left { background: url("../images/coupon_left.png") no-repeat scroll 0 0 #FFFFFF; float: left; height: 46px; width: 18px; } #hesap_bilgisi_kredi_tutar { float: left; font-size: 36px; font-family: 'Open Sans', sans-serif; padding: 10px; } #hesap_bilgisi_kredi_text { float: right; font-size: 11px; font-weight: 200; padding: 6px; } #hesap_bilgisi_isim { color: #626262; float: left; font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 200; padding: 0 0 20px; } .hesabim_icerik_baslik { /*margin-top: 20px;*/ overflow: hidden; } .hesabim_icerik_baslik h1 { color: #00A6E4; font-size: 24px; font-family: 'Open Sans', sans-serif; padding: 5px 0 5px; } #hesabim_icerik ul { line-height: 1.5; list-style: none outside none; padding: 0; } #hesabim_icerik ul li { padding: 0 0 8px 0px; } #hesabim_icerik ul a { font-weight: 200; line-height: 20px; color: #666; font-weight: 400; } #hesabim_icerik ul a:hover { text-decoration: underline; } .bottom-line { border-bottom: 1px solid #c0bebe; } .mt_hesabim_upper_left_block h2 { font-size: 30px; font-family: 'Open Sans', sans-serif; color: #666; } .mt_hesabim_upper_right_block h2 { font-size: 30px; font-family: 'Open Sans', sans-serif; color: #666; } #layout_container_right p.normal_baslik { color: #5C5C5C; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: normal; margin-bottom: 10px; } #layout_container_right p.normal_baslik_img { background: url("../_img/matbuu_konusma_icon.png") no-repeat; width: 160px; height: 160px; margin: 30px; } #layout_container_right p.normal_baslik_text { color: #5C5C5C; font-size: 12px; margin-bottom: 10px; } /* span.customStyleSelectBox { font-size:11px; background-color: #f5f0de; color:#7c7c7c; padding:5px 7px; border:1px solid #e7dab0; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; line-height: 11px; } span.customStyleSelectBox.changed { background-color: #f0dea4; } .customStyleSelectBoxInner { background:url(images/arrow.gif) no-repeat center right; } */ .mt_cl_yeniStylenAdet { position: absolute; width: 200px; } .mt_cl_sepetNotice { font-size: 20px; font-family: 'Open Sans', sans-serif; text-align: center; position: relative; margin: auto; top: 10px; } .mt_cl_sepetimeGitButton { float: left; margin-right: 5px; position: relative; clear: none; } .mt_cl_sipariseDevamEt { float: left; margin-right: 5px; position: relative; clear: none; } .mt_cl_sepetBtnTutac { float: right; position: relative; top: 50px; } .mt_cl_klasorTasiAktif { border: 1px #000 dashed; } .mt_cl_geriAl { width: 17px; height: 21px; cursor: pointer; float: right; margin-top: 20px; } .mt_siparis_ozet_sarmalayici { float: left; margin: 30px 0 20px 10px; color: #746f6f; font-weight: 400; font-size: 12px; border-left: 1px solid #CACACA; padding: 0 0 10px 10px; } .mt_odeme_tutari { color: #00aeef; } .mt_siparis_ozet_sarmalayici .mt_siparis_ozet_tutar_buyuk { font-size: 25px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .mt_cl_copuBosaltL { font-size: 12px; } .mt_cl_copuBosaltL:hover { color: red; } .mt_sp_dosyaYukleme { width: 755px; display: none; background-color: #f5f5f5; line-height: 107px; color: #FFF; text-align: right; font-size: 30px; font-family: 'Open Sans', sans-serif; margin-top: 1px; } /* YSN */ #anasayfa_alt_sol { display: inline-block; float: left; width: 322px; height: 80px; } #anasayfa_alt_sol_1 { width: 324px; height: 80px; background: #f98e2b; text-align: center; line-height: 80px; font-size: 24px; color: #fff; font-family: 'Open Sans', sans-serif; } #anasayfa_alt_sol_2 { width: 304px; height: 65px; background: #feefdf; text-align: center; color: #ed7800; padding: 5px 10px 10px 10px } .anasayfa_alt_sol_2_title { font-family: 'Open Sans', sans-serif; font-size: 24px; } #anasayfa_alt_sol_1 a { display: inline-block; float: left; width: 315px; text-decoration: none; color: #fff; } #anasayfa_alt_sag { display: inline-block; float: left; width: 322px; height: 80px; } #anasayfa_alt_sag_1 { width: 324px; height: 80px; background: #ee41aa; text-align: center; line-height: 80px; font-size: 24px; color: #fff; font-family: 'Open Sans', sans-serif; } #anasayfa_alt_sag_2 { width: 304px; height: 65px; background: #fde5f3; text-align: center; color: #ee41aa; padding: 5px 10px 10px 10px } .anasayfa_alt_sag_2_title { font-family: 'Open Sans', sans-serif; font-size: 24px; } #anasayfa_alt_sag_1 a { display: inline-block; float: left; width: 315px; text-decoration: none; color: #fff; } #anasayfa_alt_orta { display: inline-block; float: left; width: 322px; height: 160px; margin: 0 6px 0 6px } #anasayfa_alt_orta_1 { width: 324px; height: 80px; background: #55c1e9; text-align: center; line-height: 80px; font-size: 24px; color: #fff; font-family: 'Open Sans', sans-serif; } #anasayfa_alt_orta_1 a { display: inline-block; float: left; width: 315px; text-decoration: none; color: #fff; } #anasayfa_alt_orta_2 { width: 304px; height: 65px; background: #edf9fd; text-align: center; color: #00a6e4; padding: 5px 10px 10px 10px } .anasayfa_alt_orta_2_title { font-family: 'Open Sans', sans-serif; font-size: 24px; } .mt_up_logWindow { width: 250px; border: 1px red solid; position: absolute; background-color: #FFF; text-align: center; bottom: -90px; padding: 5px; font-size: 14px; z-index: 3; } .mt_cl_miniImageTool { position: absolute; border: 1px solid #A4DFF6; left: 0px; right: 0px; background-repeat: no-repeat; background-color: #FFF; display: none; z-index: 2; } .mt_cl_miniImageTool img { margin: 0px; padding: 0px; top: 0px; } #buton_calismayukle a { display: inline; float: left; width: 160px; height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0px 0px; } #buton_calismayukle a:hover { background-position: 0px -40px; } #buton_calismayukle_2 a { display: inline; float: left; width: 42px; height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0px 0px; } #buton_calismayukle_2 a:hover { background-position: 0px -40px; } #buton_matbaa a { display: inline; float: left; width: 160px; height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0px -400px; } #buton_matbaa a:hover { background-position: 0px -440px; } #buton_ozelteklif a { display: inline; float: left; width: 160px; height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0px -480px; margin: 0 1px 0 0 } #buton_ozelteklif a:hover { background-position: 0px -520px; } #buton_kendintasarla a { display: inline; float: left; width: 160px; height: 40px; text-indent: -99999px; background: url(https://www.matbuu.com/_img/buton_header.png) no-repeat; background-position: 0px -320px; margin: 0 1px 0 0 } #buton_kendintasarla a:hover { background-position: 0px -360px; } .alt_duyuru { width: 980px; height: 70px; margin: 0 0 10px 0 } .ust_duyuru_sol { width: 652px; height: 70px; margin: 0 0 10px 0; float: left } .ust_duyuru_sag { width: 324px; height: 70px; margin: 0 0 10px 4px; float: left } .mt_footer_yardim_sarmalayici { position: fixed; z-index: 2; bottom: -200px; left: 0; right: 0; background: #fe6b6b; height: 200px; } #yardim_penceresi { background-position: 0 -21px; display: block; height: 20px; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; top: -20px; width: 20px; } .yardim_icerikleri { margin: 10px; } .satis_sozlesmesi_link { color: #0C78BE; } /*CONFIRM*/ .mt_confirm_img { height: 40px; width: 40px; float: left; background: url('/_img/important.png') no-repeat center; } .mt_confirm_bilgi { font-size: 14px; margin-left: 20px; margin-top: 10px; float: left; text-align: center; width: 300px; color: #666; } .mt_confirm_input { text-align: center; } .mt_confirm_input input { margin-right: 10px; } #mt_ik { margin-top: 20px; } .mt_ajax_uyari_kucuk { padding: 10px 0 10px 50px; width: auto; display: none; font-size: 14px; } .mt_secenek_is { border: 1px #E8503E solid; padding-bottom: 5px; } .mt_urun_is { border: 1px #CCC solid; padding-bottom: 5px; } .mt_paketlerEditor_is { border: 1px #CCC solid; padding-bottom: 1px; } .mt_tasarimEditor_is { border: 1px #CCC solid; padding-bottom: 1px; } .mt_sp_urunAdi span { font-size: 14px; } .mt_sp_adetFiyat { width: 200px; height: 30px; /*background-color: #ffd821;*/ border: 1px #a4dff6 solid; margin: 5px 0 0 0; float: right; text-align: center; line-height: 30px; font-size: 24px; color: #252525; position: absolute; } .mt_sp_adetFiyat select { float: left; background-color: #ffd821; border: 0px; color: #000; width: 100px; margin: 5px 0 0 0; } .mt_sp_kargoGun { width: 200px; float: left; text-align: right; color: #cacaca; font-size: 14px; margin: 5px 0 0 0; } .mt_sp_selectYeni { width: 100px; margin: 5px 0 0 0; } .mt_sp_selectYeni select { width: 100px; } .mt_sepetKategoriler { width: 180px; height: 30px; border: 1px #a4dff6 solid; float: left; cursor: pointer; background-image: url('../_img/arrowSp.png'); background-repeat: no-repeat; background-position: right; margin: 10px 10px 0 0; background-color: #edf9fd; } .mt_sepetKategoriler ul { display: none; position: absolute; margin: 30px 0 0 -1px; background-color: #FFF; width: 180px; max-height: 200px; overflow: auto; border: 1px #a4dff6 solid; z-index: 2; } .mt_sepetKategoriler ul li { padding: 8px; position: relative; } .mt_sepetKategoriler ul li:hover { background-color: #a4dff6; } .mt_sepetKategorilerPasif { border: 1px solid #cccccc; background-image: none; background-color: #FFF; color: #999999; cursor: auto; } .SlcnAdet { float: left; font-size: 14px; margin: 0 0 0 0px; background-image: url('../_img/arrowSp.png'); background-repeat: no-repeat; background-position: right; text-align: left; border: 0px; line-height: 13px; width: 200px; } .dnmA { font-size: 14px; float: right; margin: 8px 20px 0 0; } .SlcnAdet ul li .dnmA { margin: 0 12px 0 0; } .SlcnAdet ul { display: none; /*background-color: #fbe47a;*/ border: 0px; width: 200px; /*margin: 30px 0 0 0px;*/ margin: 30px 0px 0px -1px; border: 1px #a4dff6 solid; } .mt_sepetKategorilerAdet { width: 50px; font-size: 12px; height: 20px; margin: 0px; padding: 0px; line-height: 20px; } .mt_sp_kargoGunSayisi { font-size: 12px; float: right; color: #959595; } .mt_sp_calismaAdeti { position: absolute; margin: 80px 0 0 10px; display: none; text-align: center; } .mt_sp_calismaAdetiBaslik { font-size: 11px; margin-bottom: 5px; margin-top: 5px; } .mt_sp_calismaAdeti input { width: 69px; text-align: center; background-color: #ececec; border: 0px; padding: 5px; outline: none; } .mt_sp_aciklamaTxt { margin: 10px 0 0 0; } .mt_sp_aciklamaTxt textArea { width: 603px; background: #ececec; outline: none; border: 0px; padding: 5px; height: 16px; font-size: 11px; } .klasor_bos_goruntusu { height: 400px; width: 100%; background: url("../_img/bos_sepet.png") center; background-repeat: no-repeat; } .mt_secenek_button { float: left; margin: 0 15px 0 10px; } .mt_sp_SepetNullmenu { margin: 5px 0 0 0; } .mt_cl_tillToopSep { width: 169px; height: 69px; background-image: url('../_img/tooltipTasarimlar.png'); display: none; position: absolute; left: 445px; cursor: pointer; } .mt_cl_tillToopSep span { text-align: left; font-size: 15px; color: #FFF; padding-left: 38px; } .mt_oz_sarmal { width: 100%; margin-top: 10px; float: left; position: relative; } .mt_oz_sarmal { width: 100%; } .mt_oz_sarmal input { width: 200px; height: 25px; border: 1px #a4dff6 solid; padding: 5px; outline: 0; } .mt_oz_sarmal textarea { width: 715px; height: 200px; border: 1px #a4dff6 solid; font-size: 12px; color: #222; padding: 5px; outline: 0; } .mt_oz_txtBaslik { font-size: 18px; margin: 10px 0 5px 0; } .mt_fh_ustBar { width: 100%; float: left; margin-top: 20px; position: relative; } #fiyat_listesi_indir a { position: absolute; top: 0; right: 0; padding: 5px 10px; background: #40d2f9; font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff } .mt_fh_secenek { width: 145px; height: 40px; background-color: #ffd821; float: left; position: relative; margin: 0 10px 0 0; } .mt_fh_secenek select { background-color: #ffd821; border: 0px; width: 100%; font-size: 14px; color: #000; outline: 0; padding: 5px; margin: 5px 0 0 0; } .mt_fh_table { width: 100%; font-size: 11px; float: left; } .mt_fh_baslik { font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 200; } .mt_fh_adetTd { width: 155px; border-left: 2px #FFF solid; } .mt_fh_sepetTd { width: 100px; height: 35px; border-left: 2px #FFF solid; background-color: #7fd3f0; text-align: center; color: #FFF; cursor: pointer; line-height: 30px; } .mt_fh_sepetSayisi { width: 25px; height: 35px; background-color: #f98e2b; color: #FFF; text-align: center; } .mt_sp_SecenekOnizleme { position: absolute; left: 180px; display: none; margin: -150px 0 0 0; background-color: #a4dff6; } .mt_sp_SecenekOnizleme img { padding: 10px; } /* Özel Teklif CSS*/ .mt_ozelteklif { padding-right: 10px; } .mt_ozelteklif li { height: 30px; } .mt_siparis_ozel_teklif_iste a { font-size: 15px; padding: 10px 15px; background: #66C8F0; color: #FFFFFF; } .mt_siparis_ozel_teklif_iste .mt-icon { width: 20px; height: 20px; margin: 1px 4px 0 0; } /* URUN SAYFASI */ .mt_urun_sarmalayici { margin-top: 15px; } .mt_urun_sarmalayici .col_left { width: 320px; float: left; } .mt_urun_sarmalayici .col_right { width: 650px; float: right; } .mt_urun_sarmalayici .urun_detay { width: 420px; min-height: 500px; float: left; display: block; } .mt_urun_sarmalayici .urun_secenek { width: 230px; min-height: 500px; float: right; display: block; } .mt_urun_sarmalayici .ilgili_urun { width: 650px; display: block; margin-top: 10px; } .mt_urun_sarmalayici .urun_image { width: 320px; height: 320px; border: solid 1px #ccc; } .mt_urun_sarmalayici .urun_thumb_image { margin-top: 15px; } .mt_urun_sarmalayici .urun_thumb_image li { border: solid 1px #ccc; width: 43px; height: 43px; overflow: hidden; float: left; margin-right: 5px; cursor: pointer; } .mt_urun_sarmalayici .urun_thumb_image img { max-width: 43px; } .mt_urun_sarmalayici .urun_image img { width: 320px; height: 320px; } .mt_urun_sarmalayici h1 { font-family: 'Open Sans', sans-serif; color: #1aa5de; } .mt_urun_sarmalayici h1 a { color: #222; } .urun_ozellik_2 { margin-top: 10px; color: #0D79C1; } .urun_ozellik_2 p { margin-bottom: 5px; } .urun_ozellik_txt { color: #898989; font-size: 11px; } .urun_ozellik_txt .baslik { font-weight: bold; margin-bottom: 2px; } .urun_ozellik_aciklama { margin-top: 40px; color: #898989; } .urun_detay_margin { margin: 0 20px 20px 20px; } .urun_secenek_margin { margin: 0 20px 20px 45px; } .ilgili_urun_margin { margin: 0 20px 20px 20px; } .ilgili_urun_sarmalayici { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #cdcdcd; display: block; overflow: hidden; padding-bottom: 15px; } .ilgili_urun_sarmalayici h2 { font-family: 'Open Sans', sans-serif; color: #959595; font-size: 18px; font-weight: 200; } .ilgili_urun_img { width: 90px; height: 90px; border: 1px solid #cdcdcd; margin-right: 15px; } /* #URUN SAYFASI */ #alt-simge { display: block; width: 980px; height: 36px; background: url("../img/sys/matbuu-footer-arka.png") no-repeat; position: relative } #sosyal { position: absolute; top: -5px; right: 0; width: 92px; height: 24px; } .sosyal { display: inline-block; margin: 0 0 0 4px } .mt_ur_toplamTutar { text-align: center; width: 182px; height: 120px; background-color: #d1effa; float: left; color: #0d79c1; line-height: 120px; font-family: 'Open Sans', sans-serif; margin: -10px 0 0 0; font-size: 18px; } .mt_urun_secenekAdetFiyat { position: relative; float: right; text-align: right; } .mt_urun_inputAdet { width: 40px; height: 25px; float: left; padding: 3px; } .mt_urun_AdetSarmal { margin: 10px 0 0 0; width: 182px; height: 40px; float: left; } .mt_urun_AdetArti { width: 17px; height: 15px; background-color: #00A6E4; cursor: pointer; margin: 0 0 4px 0; text-align: center; color: #FFF; } .mt_urun_AdetArti:hover { background-color: #66C8F0; } .mt_urun_AdetEksi { width: 17px; height: 15px; background-color: #00A6E4; cursor: pointer; text-align: center; color: #FFF; } .mt_urun_AdetEksi:hover { background-color: #66C8F0; } .mt_urunAdetTool { float: left; margin: 0 2px 0 0; padding-left: 5px; font-size: 10px; } .mt_sp_AdetArtiEksi { width: 40px !important; height: 17px !important; margin: -8px 0 0 0 !important; } .mt_sp_AdetArtiEksiSarmal { margin: -8px 0 0 0 !important; line-height: 12px; } .mt_sp_AdetArti { height: 12px; width: 15px; margin: 1px 0 0 0; } .mt_sp_AdetEksi { height: 12px; width: 15px; margin: 1px 0 0 0; } .mt_sp_paketSecenek { width: 370px; float: left; display: none; margin: 20px 0 0 0; } .mt_sp_radioPaket { width: 100%; min-height: 70px; float: left; border-bottom: 1px silver dashed; padding: 5px; cursor: pointer; } .mt_sp_radioPaket:hover { background-color: #ebebeb; } .mt_sp_radioPaket:last-child { border-bottom: 0px; } .mt_sp_radioBtn { float: left; margin: 10px 5px 0 0; width: 20px; cursor: pointer; } .mt_sp_PaketName { font-size: 18px; margin: 5px 0 0 0; font-family: 'Open Sans', sans-serif; } .mt_sp_PaketAciklama { font-size: 10px; margin: 6px 0 0 0; } .mt_sp_isAciklama { width: 592px; background-color: #ffd821; padding: 10px; margin: 5px 0 5px 0; float: left; } .davetiye-kabul { width: 760px; height: 100px; background: url(../_img/onaylandi.png) no-repeat; padding: 30px 10px 30px 200px; font-family: 'Open Sans', sans-serif; color: #99bf16; margin: 50px 0 0 0 } .davetiye-kabul h1 { font-size: 36px; } .davetiye-kabul p { font-size: 24px; } .davetiye-red { width: 760px; height: 100px; background: url(../_img/onaylanmadi.png) no-repeat; padding: 30px 10px 30px 200px; font-family: 'Open Sans', sans-serif; color: #e8503e; margin: 50px 0 0 0 } .davetiye-red h1 { font-size: 36px; } .davetiye-red p { font-size: 24px; } .mt_banka_logolari_2 { margin: 10px 0 0 10px; } .mt_urunler_KargoSuresi { font-size: 12px; color: #959595; } .mt_ed_sosial { width: 100%; margin: 25px 0 0 0; float: left; } .mt_ed_sosial h1 { font-size: 18px; color: #55c1e9; font-family: 'Open Sans', sans-serif; } .mt_ed_twitterShare { float: left; margin: 5px 5px 0 0; cursor: pointer; } .mt_ed_twitterShare img { width: 40px; height: 40px; } .mt_ed_FaceBookShare { float: left; margin: 5px 5px 0 0; cursor: pointer; } .mt_ed_FaceBookShare img { width: 40px; height: 40px; } .mt_ed_googlePlusShare { float: left; margin: 5px 5px 0 0; cursor: pointer; } .magaza_davet_cinsiyet li { float: left; margin-right: 10px; } .magaza_davet_cinsiyet li label { display: block; } .magaza_davet_cinsiyet li label input { margin-right: 5px; } .header_magaza_ozel { font-size: 12px; padding: 5px 10px; background: #99bf16; display: block; color: #fff; height: 16px; } .header_kurumsal_ozel { font-size: 12px; padding: 5px 10px; background: #534741; display: block; color: #ffda27; height: 16px; } .header_magaza { font-size: 12px; padding: 5px 10px; background: #40D2F9; display: block; color: #fff; height: 16px; } .header_magaza span.mt-icon { background-repeat: no-repeat; display: block; float: right; height: 16px; overflow: hidden; width: 16px; margin-left: 5px; } .ed_spEkleColums1 { float: left; margin: 10px 0 0 0; } .ed_spEkleColums2 { width: 450px; float: left; margin: 10px 0 0 20px; padding: 10px; } .ed_spEkleColums3 { width: 200px; height: 350px; float: right; margin: 20px 0 0 0; } .ed_spEkleBigImg { width: 270px; height: 270px; } .ed_spEkleBigImg img { width: 270px; height: 270px; } .ed_spEkleBigImgThmp { width: 43px; height: 43px; border: 1px solid #CCC; float: left; margin: 5px 0 0 2px; cursor: pointer; } .ed_spEkleBigImgThmp img { width: 43px; height: 43px; } .ed_spEkleColums2 h1 { font-family: 'Open Sans', sans-serif; color: #55c1e9; } .ed_spEkleMetin { color: #898989; font-size: 11px; float: left; margin: 30px 0 0 0; } .mt_spEklebaslikPaket { font-size: 13px; margin: 10px 0 0 0; } .mt_spEkleFiyatAdet { float: right; width: 80px; display: block; text-align: right; } .mt_spAdetAlani { position: relative; width: 150px; height: 30px; float: left; margin: 8px 0 0 8px; } .mt_sptutarFiyat { text-align: center; width: 182px; background-color: #d1effa; float: left; color: #0d79c1; line-height: 120px; font-family: 'Open Sans', sans-serif; margin: -10px 0 0 2px; font-size: 15px; } .mt_spKargoSuresi { width: 182px; height: 50px; float: left; margin: 0 0 0 2px; border-bottom: 1px solid #e8503e; background-image: url('../_img/kargoSuresiiCo.png'); background-position: left; background-repeat: no-repeat; } .mt_spKargoSuresiSmall { width: 101px; height: 20px; float: right; margin: 0; background-image: url('../_img/kargoSuresiiCoSmall.png'); background-position: left; background-repeat: no-repeat; text-indent: 22px } .mt_spKargoSuresi h1 { text-align: left; font-size: 18px; color: #e8503e; line-height: 50px; margin-left: 35px; } .mt_spKargoSuresiSmall h1 { font-size: 18px; color: #e8503e; line-height: 20px; } .mt_spKargoMetin { width: 182px; margin: 3px 0 0 2px; color: #898989; font-size: 11px; float: left; } .mt_spsepetAdetStyle { margin: 8px 0 0 8px; float: left; } .mt_paylaSolBlock { width: 600px; float: left; } .mt_paylaSagBlock { width: 370px; float: right; margin: 10px 0 0 0; } .mt_paylaSagBlock h1 { font-family: 'Open Sans', sans-serif; color: #55c1e9; } .ed_spEkleColums3 h1 { font-family: 'Open Sans', sans-serif; color: #55c1e9; } .mt_FormKayitHead { width: 400px; height: 50px; background-image: url('../_img/kayitForm.png'); background-position: left; background-repeat: no-repeat; } .mt_Formbaslik_1 { margin: 0px 0 0 50px; font-size: 22px; } .mt_FormAltbaslik { margin: 0px 0 0 53px; font-size: 12px; } .mt_Formchk { float: left; margin: 10px 0 0 5px; width: 100%; } .mt_Formchk span { float: left; margin: 4px 0 0 5px; } .mt_FormTasarimAdi { float: left; margin: 10px 0 0 8px; width: 100%; line-height: 30px; } .mt_FormTasarimAdi input { width: 558px; height: 30px; border: 1px solid #cccccc; outline: none; padding-left: 5px; float: right; } .mt_FormTasarimAdi select { width: 565px; height: 34px; border: 1px solid #cccccc; float: right; outline: none; padding: 5px; } .mt_FormMultiSelect { width: 100%; float: left; margin: 10px 0 0 8px; outline: none; } .mt_FormMultiSelect select { width: 325px; height: 200px; outline: none; } .mt_spYeniTools { float: right; margin: 80px 0 10px 0; text-align: right; } .mt_sp_krgimg { width: 15px; height: 15px; margin: 5px 0 0 5px; float: right } .kargoSuresiTls { color: #e8503e; float: left; margin: 10px 0 0 0; width: 180px; text-align: right; line-height: 25px; } .duzenleTls { margin: 2px 0 0 1px; float: left; cursor: pointer; padding: 4px 7px; } .mt_sp_duzenle { background: #e2e2e2; color: #666; } .mt_sp_sil { background: #e8503e; color: #fff; } .mt_sp_toolAyrc { float: left; width: 2px; margin: 2px 7px 0 -7px; color: #b9babc; } /* Megamenü*/ .menu { margin: 15px 25px 15px 15px; } .menu li { margin: 1px 0; } .menu li.menu_ilk { margin: 20px 0 20px 0; } .menu .main { font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 18px; } .menu .parent { display: block; color: #ffffff; font-size: 11px; height: 20px; line-height: 20px; padding: 0 0 0 5px } .menu .parent:hover { background: #33b8e9; } /*HOME*/ .homeTemplates li { float: left; margin-top: 10px; margin-left: 10px; background: #ccc; } .homeTemplates li a { height: 320px; width: 320px; display: block; position: relative; } .homeTemplates li a .urunAdi { position: absolute; right: 0; top: 0; height: 50px; background: #fbe35d; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 200; line-height: 50px; text-align: center; padding: 0 10px; color: #252525; } .homeTemplates li a .urunFiyat { position: absolute; right: 0; bottom: 0; height: 50px; background: #ee41aa; font-family: 'Open Sans', sans-serif; font-size: 42px; font-weight: 200; line-height: 50px; text-align: center; padding: 0 10px; color: #fff; } .homeTemplates li a .kurus { font-size: 20px; font-weight: 200; color: #fff; } .homeTemplates li a .img { width: 320px; height: 320px; border: none; } /*#HOME*/ /*Urundetay.php*/ .pin { width: 245px; margin: 0 0 30px 0; float: left; } .pin h2 { font-family: 'Open Sans', sans-serif; color: #55c1e9; font-size: 20px; } #layout_container_left h1 { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #1ca6df; } #layout_container_left h2 { font-family: 'Open Sans', sans-serif; color: #55c1e9; font-size: 20px; margin-bottom: 5px; } .mt_bos_sablon_dosyalari ul li { float: left; margin: 1px 1px 0 0; background: #e2e2e2; padding: 10px; } .mt_bos_sablon_dosyalari ul li a { padding: 2px 4px; color: #fff; margin-top: 2px; } .dosya_baslik { margin-bottom: 5px; font-weight: 200; font-size: 11px; } .mt_bos_sablon_dosyalari ul li a.bos_sablon_psd { background: #1794CE; } .mt_bos_sablon_dosyalari ul li a.bos_sablon_cdr { background: #728E43; } .mt_bos_sablon_dosyalari ul li a.bos_sablon_ai { background: #D66902; } .mt_bos_sablon_dosyalari ul li a.bos_sablon_indd { background: #E65191; } #container_left { width: 700px; } #container_right { width: 300px; } /*urundetay.php*/ #mavi_cy { color: #e8503e !important; margin: 0 !important; } #mavi_cy:hover { background: #00A6E4 !important; color: #fff !important; } #ozelteklif_bilgi { font-family: 'Open Sans', sans-serif; font-size: 18px; margin: 0 0 10px 0; color: #000 } #ozelteklif_bilgi p { margin: 0 0 20px 0 } .mt_ed_galeriLoader { position: absolute; top: 0; left: 0; background-image: url('../_img/backroundWhite.png'); text-align: center; z-index: 300; } h2{ margin: 0; font-weight: 300 } h1{ font-size: 24px; color: #11a1dc; font-weight: 300; margin-bottom: 30px} #matbuu-header { margin-bottom: 10px; background: url("../img/sys/header-tel.png") no-repeat center; } #matbuu-header .dropdown-menu { margin-top : 0; } #matbuu-header .cizgi { border-left : solid 1px #e2e2e2; width : 2px; height : 15px; } .mt_mega_menu_hover { background : none; } #matbuu-header .header-ust-kisayol { font-size : 11px; margin-top: 10px; } #matbuu-header .header-ust-kisayol a { color : #444; padding : 0; } #matbuu-header .header-ust-kisayol li { margin : 5px 0 5px 10px; } #matbuu-header .header-ust-kisayol a:hover, #matbuu-header .header-ust-kisayol a:focus { background : none; } #matbuu-header .dropdown-menu li { margin : 5px 5px; } #matbuu-header .dropdown-menu a { font-size : 11px; padding : 5px; } #matbuu-header .dropdown-menu a:hover { color : #cccccc; } #matbuu-header .kisayollar { margin-top : 20px; } #matbuu-header .kisayollar a { color : #fff; font-size : 12px; padding : 5px 10px; } #matbuu-header .kisayollar a.magazam { background : #40d2f9; } #matbuu-header .kisayollar a.favorilerim { background : #f57fc5; } #matbuu-header .kisayollar a.sepetim { background : #f98e2b; } .navbar-nav .dropdown:hover .dropdown-menu { display: block; } .navbar-nav .dropdown:hover .dropdown-toggle { background: #55c1e9; color: #fff; } .navbar{ min-height: 30px; margin-bottom: 0px; } .navbar-matbuu{ background: #a4dff6; min-width: 800px!important; } .navbar-nav .divider{ line-height: 30px; } .navbar-nav>li>a{ padding: 0; line-height: 30px; padding: 0 10px; color: #252525; font-size: 13px; } .navbar-matbuu .nav>li>a:hover,.navbar-matbuu .nav>li>a:focus { text-decoration: none; background:none; color: #fff; } .nav-header{ font-size: 18px; margin-left: 20px; margin-left: 20px; color: #666666; } .tum-urunler-dropdown-menu li{ margin: 5px 0; } .tum-urunler-dropdown-menu{ min-width: 200px; z-index: 99999; } .tum-urunler-dropdown-menu .sub-menu{ margin-left: 20px; } #wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -245px; } /* footer*/ .matbuu-footer{ padding: 40px 0; color: #999; background-color: #f9f9f9; border-top: 1px solid #DFDFDF; } .matbuu-footer h2{ color: #666666; font-family: 'Open Sans',sans-serif; font-size: 24px; font-weight: 300; margin: 0 0 10px; padding: 0; } .matbuu-footer a{ color: #666666; font-size: 11px; } #push { height: 200px; } /**************************************************************************/ .mt_mobil_header .fixed-header #mt_mobil_logo{ margin: auto; top: 5px; left: 5px; position: absolute; } .mt_mobil_header .mobil-header-right-content{ position: absolute; right: 10px; top: 17px; } .mt_mobil_header .mobil-header-right-content a{ font-size: 30px; } .navbar-default{ background-color: #ffffff; border-color: #a5a5a5; } .mt_mobil_header{ height: 65px; } .mt_mobil_header .fixed-header { border-top: 2px solid #119fda; font-size: 16px; font-weight: bold; width: 100%; height: 65px; box-shadow: /* Shadow beneath the bar and edge highlights. */ /* Layered single pixel shadows to create a one sided shadow effect. */ 0 5px 0 0 rgba(0, 0, 0, 0.01), 0 4px 0 0 rgba(0, 0, 0, 0.02), 0 3px 0 0 rgba(0, 0, 0, 0.04), 0 2px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.08), /* Top highlight */ 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, /* Left highlight */ 1px 0 0 0 rgba(255, 255, 255, 0.1) inset, /* Right highlight */ -1px 0 0 0 rgba(255, 255, 255, 0.1) inset, /* Bottom lowlight */ 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); background-size: 100%; background-repeat: no-repeat; } #menu { position: fixed; background-color: #295E76; height: 100%; z-index: 10; width: 280px; color: #ffffff; top: 65px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; font-family: 'Source Sans Pro', sans-serif; overflow: auto; padding-bottom: 65px; /* -webkit-box-shadow: 0px 1px 23px 2px #1f1f1f; box-shadow: 0px 1px 23px 2px #1f1f1f;*/ } #menu ul { list-style: none; margin-top: 0; padding: 0 } #menu ul li { border-bottom: 1px solid #2a2a2a; } #menu>ul>li>a { border-left: 4px solid #222; } #menu ul li a { color: inherit; font-size: 16px; display: block; padding: 8px 0 8px 7px; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 600; } #menu ul a i { margin-right: 10px; font-size: 18px; margin-top: 3px; width: 20px; } #menu ul a i[class*='fa-caret'] { float: right; } #menu ul a:hover, #menu ul a.active { background-color: #111; border-left-color: #FFCC33; color: #FFCC33; } #menu ul a:hover i:first-child { color: #FFCC33; } /* Submenu */ #menu ul li a.active+ul { display: block } #menu ul li ul { margin-top: 0; display: none; } #menu ul li ul li { border-bottom: none; } #menu ul li ul li a { padding-left: 30px; } #menu ul li ul li a:hover { background-color: #1A1A1A; } /* /Submenu */ /* Cuando este a la Izq, para esconderlo posicionarlo a la Izq a -width */ .left { left: -280px;} .show { left: 0; } #showmenu { margin-left: 100%; position: absolute; top: 0; padding: 6px 10px 7px 10px; font-size: 1.3em; color: #FFCC33; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .fixed-header{ position: fixed; right: 0; left: 0; z-index: 999; } .overflowHidden{ overflow: hidden; } .right_buttons a { position: absolute; top: 40%; right: 0; z-index: 99; position: fixed; text-indent: -9999px; padding: 10px 5px; display: block; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .right_buttons a:hover { padding-right: 15px; } .destek_promote span { background-image: url(../img/icons/destek_icon.png); width: 23px; height: 200px; display: block; } .destek_promote { background-color: #11a0db; } form.cmxform { width: 370px; font-size: 1.0em; color: #333; } form.cmxform legend { padding-left: 0; } form.cmxform legend, form.cmxform label { color: #333; } form.cmxform fieldset fieldset { background: none; } form.cmxform label.error, label.error { /* remove the next line when you have trouble in IE6 with labels in list */ color: red; font-style: italic } body { /*min-width: 800px !important;*/ } html, body, input, select, textarea, button { font-family: 'Open Sans', sans-serif; } /** { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }*/ /*--------------------------------------------*/ .row.main-row { margin-top: 30px; margin-bottom: 30px; /*min-width: 800px !important;*/ } .no-padding { padding: 0 !important; } .no-border { border: none !important; } .no-break { white-space: nowrap } .no-flow { overflow: hidden; display: block; } .inner-shadow{ box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); } .col-1-of-5, .col-2-of-5, .col-3-of-5, .col-4-of-5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; } .col-1-of-5 { width: 20%; } .col-2-of-5 { width: 40%; } .col-3-of-5 { width: 60%; } .col-4-of-5 { width: 80%; } .no-margin { margin: 0 !important; } .text-italic, .italic { font-style: italic; } .text-strong, .strong { font-weight: bold; } .text-sm { font-size: 85% } .text-xs { font-size: 75%; } .text-lg { font-size: 120%; } .text-pink { color: #f57fc5; } .text-light { font-weight: 200; } .bg-pink { background-color: #f57fc5; color: #ffffff; } .text-orange { color: #d25401; } .bg-orange { background-color: #d25401; color: #ffffff; } .alert-default { background-color: #f5f5f5; border-color: #e3e3e3; } /*--------------------------------------------*/ .mt_yeni_bar { height: 40px; } .mt_yeni_bar h2 { font-size: 25px; font-family: 'Open Sans', sans-serif; color: #666; line-height: 40px; } .sayfa-ici-baslik { color: #5c5c5c; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 10px; } .normal_baslik_text { font-size: 12px; color: #666 } .sayfa-ici-mavi-baslik { color: #00a6e4; font-size: 24px; font-family: 'Open Sans', sans-serif; padding: 5px 0 5px; margin: 0; font-weight: 700; } .bilgilendirme h3 { font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 10px 0 10px 0; } .radio, .checkbox { line-height: 1.8 } .text-primary { color: #11a1dc } .bg-white { background-color: #fff; } /*-----------------------------------------------------*/ .multiline-select.form-control { height: auto !important; } .dropdown-menu > li > a { padding: 3px 12px; } .mtb-c-call-me { background: url(/img/generic/call-me-background.jpg); color:#fff; } .mtb-c-call-me-button{ color: #fc272f!important; font-weight: bold!important; font-size: 18px!important; border-radius: 0px!important; border: none!important; margin-top: 5px; } .mtb-c-call-me-button:hover{ background: #fff!important; } .mtb-c-call-me-text-header { font-size: 20px; } .mtb-c-call-me-wrapper.container { padding: 10px 0px 10px 0px; } a.btn.btn-primary.btn-lg.btn-block.mtb-c-hemen-teklif-iste { background: #feda00!important; color: #000!important; border: none!important; border-radius: 0px!important; font-weight: bold!important; } .mtb-c-call-me-hide { position: absolute; right: 1%; margin-top: 18px; border: 1px solid; padding: 7px; border-radius: 50px; font-size: 16px; } .mtb-c-callme-all-hide{ display:none; } .v2-ticket-label, .v2-sepet-label { display: inline-block; color: #ffffff; padding: 0 4px; min-width: 20px; text-align: center; font-size: 12px; border-radius: 2px !important; font-weight: normal; margin-left: 5px; } .v2-ticket-label { background-color: #c0392b; } .v2-sepet-label { background-color: #f39c12; } #v2-header-push { height: 90px; width: 100%; position: relative; } #v2-header-holder { height: 90px; border-bottom: 1px solid #D5D5D5; border-top: 4px solid #119fda; z-index: 11; /*position: relative;*/ background-color: #ffffff; position: fixed; width: 100%; } #v2-header-holder.kurumsal { border-top-color: #A7A9AB; } #v2-header { margin-bottom: 10px; } /*Header Children*/ #matbuu-logo { display: block; margin-top: 15px; } a.yardim-merkezi { font-size: 15px; margin-top: -10px; background-color: #119fda; padding: 10px 10px 5px; color: #ffffff; float: right; margin-left: 10px; } p.cagri-merkezi { font-size: 15px; margin-top: -10px; background-color: #119fda; padding: 10px 10px 5px; color: #ffffff; float: right } p.cagri-merkezi.kurumsal { background-color: #A7A9AB; } a.yardim-merkezi.kurumsal { background-color: #A7A9AB; } #menu-links { margin-top: 10px; float: right; } #menu-links li.menu-link { display: block; position: relative; float: left; padding: 8px 10px; border-radius: 2px !important; margin: 0 5px; /*background-color: rgba(255, 255, 255, 0.2);*/ } #menu-links li.menu-link:after { content: ''; position: absolute; left: 0; bottom: 0; display: block; background-color: #2c3e50; height: 0; width: 100%; transition: height 300ms; /*-webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/ /*transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/ z-index: 0; border-radius: 2px !important; } #menu-links li.menu-link:hover:after { height: 100%; } #menu-links li.menu-link:last-child { margin-right: 0; } #menu-links li.menu-link > a { text-transform: uppercase; display: block; position: relative; font-size: 12px; font-weight: 400; color: #768191; cursor: pointer; transition: color 300ms; z-index: 1; } #menu-links li.menu-link a:first-child i { font-size: 15px; margin: 0 7px 0 0; } #menu-links li.menu-link:hover { /*box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);*/ } #menu-links li.menu-link:hover > a { color: #ecf0f1; } #menu-links li.seperator { display: block; position: relative; float: left; margin: 12px 0 0; padding: 0; border-right: 1px dotted #c2cfd0; height: 11px; } /*Popover Menüler*/ .popover-menu { position: absolute; right: 0; top: 32px; background-color: #2c3e50; height: 0; transition: height 300ms; /*-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);*/ /*transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);*/ border-radius: 2px !important; box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5); overflow: hidden; color: #ffffff; min-width: 100%; } .popover-menu-right { left: 0; right: auto; } .popover-inner { margin: 15px; font-size: 13px; width: 600px; } .popover-inner a:not(.btn) { color: #b4f3fd; } .popover-inner a:hover:not(.btn) { color: #fff; } .popover-inner h3 { font-size: 21px; padding-top: 0; margin-top: 0; margin-bottom: 15px; font-weight: 900; } .popover-inner p { font-size: 12px; } /*User Menu*/ #user-controls a { display: block; margin: 3px -10px; padding: 5px 10px; border-radius: 2px !important; } #user-controls a:hover { background-color: #1e2e40; } #ozel-teklif-aciklama:focus { border-color: transparent; box-shadow: none; -webkit-box-shadow: none; outline: -webkit-focus-ring-color auto 5px; } #v2-siparis-table td { vertical-align: middle; } .is-durum-icon-holder { width: 48px; height: 48px; font-size: 24px; border-left: 1px solid #2c3e50; text-align: center; background-color: rgba(30, 31, 41, 0.13); } .header-sepet-preview-cell { width: 75px; padding: 5px !important; } .header-sepet-preview-bg { background-color: #ffffff; width: 61px; height: 61px; border-radius: 2px !important; } .header-sepet-preview-bg img { border-radius: 2px !important; } .header-sepet-ic-toplam { float: right; font-size: 11px; } td.header-sepet-aciklama { vertical-align: middle !important; } td.header-sepet-aciklama span { float: left; display: inline-block; margin-right: 3px; margin-bottom: 3px; padding: 0 5px; border-radius: 2px !important; box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5); background-color: #d4e1e2; font-size: 10px; /*border: 1px solid #7f8c8d;*/ color: #2c3e50; font-weight: 600; } td.header-sepet-aciklama span.header-sepet-aciklama-adet { /*background-color: #2980b9;*/ } td.header-sepet-aciklama h4 { /*color:#f39c12*/ } td.header-sepet-fiyat { font-size: 18px; text-align: right; vertical-align: middle !important; width: 140px; } html { position: relative; min-height: 100%; } #v2-matbuu-footer { color: #ecf0f1; font-size: 12px; position: absolute; bottom: 0; width: 100%; } .v2-footer-column a { color: #bdc3c7; font-size: 12px; } .v2-footer-column a:hover { color: #f2f8fc; } .v2-footer-column h2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; margin: 0 0 15px; font-size: 20px; text-decoration: none; } .v2-footer-column-inner { border-right: 1px solid #3e5164; padding: 15px 0; } .sb-menu { padding: 0; margin: 0; list-style-type: none; } .sb-menu li img { margin: 14px; } .sb-menu > li:first-child { border-top: none; } .sb-menu li { width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .sb-left .sb-menu li a { border-left: 3px solid transparent; } .sb-menu li a { width: 100%; display: inline-block; padding: 1em; color: #f2f2f2; } .sb-menu li a:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.05); } .sb-left .sb-menu li a:hover { border-left: 3px solid; } .sb-slidebar a:hover { color: #11A1DC; text-decoration: underline; } .sb-menu li .sb-open-right, .sb-menu li small { display: inline-block; padding: 14px; color: #fff; } /********************************************/ /* Footer /********************************************/ .main-footer { position: relative; display: block; clear: both; } .brands { position: relative; display: block; min-height: 105px; background: #a5a8ab; text-align: center; font-size: 0; line-height: 105px; } .brands img { position: relative; display: inline-block; vertical-align: middle; margin: 0 22px; opacity: 1; } .brands img:hover { opacity: .7 } .main-footer .inner { font-size: 0; padding: 60px 0; text-align: justify; } .footer-col { position: relative; display: inline-block; vertical-align: top; margin: 40px 35px; line-height: 29px; letter-spacing: -0.02em; text-align: left; } .col-title { position: relative; display: block; float: left; clear: both; font-size: 18px; font-weight: 600; color: #3d3d3d; } .footer-col a { position: relative; display: block; float: left; clear: both; font-size: 14px; font-weight: 300; color: #3d3d3d; } .footer-col a:after { position: absolute; display: block; content: ''; left: 0; bottom: 2px; width: 100%; height: 1px; background: #3d3d3d; opacity: 0; } .footer-col a:hover:after { opacity: 1; } .social { position: relative; display: inline-block; vertical-align: middle; margin: 80px 42px; text-align: center; font-size: 0; } .social a { position: relative; display: inline-block; vertical-align: middle; width: 51px; height: 51px; margin: 5px; border-width: 1px; border-style: solid; border-radius: 50%; text-align: center; line-height: 51px; background: transparent; } .social .icon-facebook { border-color: #3b5998; } .social .icon-twitter { border-color: #55acee; } .social .icon-instagram { border-color: #3f729b; } .social .icon-gplus { border-color: #dc4e41; } .social .icon-facebook:hover { background: #3b5998; } .social .icon-twitter:hover { background: #55acee; } .social .icon-instagram:hover { background: #3f729b; } .social .icon-gplus:hover { background: #dc4e41; } .social a:before { position: relative; display: block; font-size: 20px; line-height: 51px; } .social .icon-facebook:before { color: #3b5998; } .social .icon-twitter:before { color: #55acee; } .social .icon-instagram:before { color: #3f729b; } .social .icon-gplus:before { color: #dc4e41; } .social a:hover:before { color: #fff; } .social .google-play { display: block; width: auto; height: auto; margin: 11px; border-width: 0; border-radius: 0; } .google-play img { display: block; width: auto; height: 30px; } .copyright { position: relative; display: inline-block; width: 100%; height: auto; margin: 10px 0 0; font-size: 11px; font-weight: 300; color: #656565; text-align: center; line-height: 100%; } .copyright:before { position: relative; display: inline-block; top: 8px; font-size: 45px; color: #1aa4dd; line-height: 100%; } .tags { position: relative; display: block; min-height: 105px; background: #fff; text-align: center; font-size: 0; line-height: 105px; } .tags:after { position: relative; display: block; content: ''; width: 100%; height: 3px; background: #fac26a; background: -webkit-linear-gradient(left, #fac26a 0%, #f66f54 20%, #7bd793 44%, #b89eee 100%); background: -o-linear-gradient(left, #fac26a 0%, #f66f54 20%, #7bd793 44%, #b89eee 100%); background: linear-gradient(to right, #fac26a 0%, #f66f54 20%, #7bd793 44%, #b89eee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac26a', endColorstr='#b89eee',GradientType=1 ); } .tag { position: relative; display: inline-block; vertical-align: top; margin: 0 45px; font-size: 18px; font-weight: 300; color: #3d3d3d; letter-spacing: -0.02em; cursor: default; } .tag:before { position: absolute; display: block; content: ''; bottom: 70%; left: 50%; margin-bottom: 6px; border-style: solid; border-color: #f8735d transparent transparent transparent; border-width: 6px 6px 0 6px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); transform: translate(-50%, 10px); } .tag:after { position: absolute; display: block; content: attr(data-tooltip); bottom: 70%; left: 50%; padding: 5px 12px; margin-bottom: 11px; border-radius: 3px; font-size: 11px; font-weight: 300; color: #fff; line-height: 100%; letter-spacing: -0.01em; white-space: nowrap; background: #f8735d; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); transform: translate(-50%, 10px); } .tag:hover:before, .tag:hover:after { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .tag-icon { position: relative; display: inline-block; vertical-align: middle; top: -2px; margin: 0 15px; width: 36px; height: 36px; background-size: contain; background-position: center center; background-repeat: no-repeat; } .tag-safe { background-image: url(//www.matbuu.com/img/icons/safe.svg); } .tag-return { background-image: url(//www.matbuu.com/img/icons/return.svg); } .tag-experience { background-image: url(//www.matbuu.com//img/icons/experience.svg); } .tag-box { background-image: url(//www.matbuu.com/img/icons/box.svg); } @charset 'UTF-8'; /********************************************/ /* Tüm safyalarda yüklenecek /********************************************/ * { outline: none; } /********************************************/ /* Basic Reset /********************************************/ *, *:before, *:after { outline: none; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } html { overflow-x: hidden; } body { font-family: 'proxima-nova', sans-serif; color: #3d3d3d; background: #fff; } .inner { display: block; max-width: 1170px; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner:after, .cc:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } section { clear: both } .clear { clear: both } ::-webkit-selection { background: rgba(0, 0, 0, .1); } ::-moz-selection { background: rgba(0, 0, 0, .1); } ::selection { background: rgba(0, 0, 0, .1); } .aleft { float: left } .aright { float: right } .display-none { display: none !important } a, a:before, a:after, input, select, button, .trans, .button, .footer-step, .footer-step:before, .footer-step:after, .footer-step-text, .footer-arrow, .footer-arrow:before, .footer-arrow:after, .user-dropdown, .user-dropdown:before, .user-name, .tag:before, .tag:after, .matbuu-modal-mask, .matbuu-modal, .owl-dot, .owl-dot span, .slide-title, .slide-content, .slide-button, .tab-title, .tab-content, table tr, .custom-open, .sod_select, .sod_select:after, .sod_select .sod_list_wrapper, .sod_select .sod_option { text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /********************************************/ /* Header /********************************************/ .main-header { position: relative; display: block; background: #fff; font-size: 0; } .main-header > .inner { max-width: 1230px; margin: 0 auto; padding: 0 30px; } .logo { position: relative; display: inline-block; vertical-align: middle; height: 110px; line-height: 110px; font-size: 0; } .logo img { position: relative; display: inline-block; vertical-align: top; margin-top: 24px; } .logo img.logo-mini{ display: none; width: 160px; } .logo img.logo-big{ display: block; } .search { position: relative; display: inline-block; vertical-align: middle; line-height: initial; margin-left: 80px; } .search:before { z-index: 1; position: absolute; display: block; bottom: 0; left: 20px; font-size: 22px; line-height: 100%; color: #c4c4c4; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .search-input { position: relative; display: inline-block; vertical-align: top; /*width: 480px;*/ height: 50px; padding: 0 95px 0 52px; font-size: 17px; font-weight: 400; color: #3d3d3d; border: 3px solid #a5a8ab; border-radius: 9999px; background: #fff; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .search-submit { position: absolute; display: block; width: 75px; height: 48px; bottom: 0; right: 0; font-size: 22px; font-weight: 400; color: #fff; line-height: 40px; text-align: center; border-radius: 0 9999px 9999px 0; border: 3px solid #a5a8ab; background: #a5a8ab; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .search-submit:hover { background-color: transparent; color: #a5a8ab; } .user-area { position: relative; display: inline-block; vertical-align: middle; line-height: 110px; } .upload-work { margin-right: 15px; vertical-align: middle; } .upload-work:before { display: inline-block; vertical-align: middle; font-size: 18px; margin-right: 5px; } .shopping-beg { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-right: 15px; border: 1px solid #a5a8ab; border-radius: 9999px; line-height: 50px; text-align: center; } .shopping-beg:hover { border-color: #3d3d3d; } .shopping-beg:before { position: relative; display: block; font-size: 23px; line-height: 48px !important; color: #a5a8ab; } .shopping-beg:hover:before { color: #3d3d3d; } [data-number]:after { position: absolute; display: block; content: attr(data-number); top: 0; left: 90%; width: auto; height: 18px; min-width: 18px; padding: 0 5px; font-size: 12px; color: #fff; text-align: center; line-height: 18px; letter-spacing: -0.01em; border-radius: 9px; background: #f2772d; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding: 15px 22px; border: 1px solid #a5a8ab; border-radius: 9999px; font-size: 15px; font-weight: 400; color: #a5a8ab; letter-spacing: -0.025em; text-align: center; } .button:hover, .button.hover { border-color: #3d3d3d; color: #3d3d3d; } .button.hover:hover { background: #3d3d3d; color: #fff; } .button:before { color: #a5a8ab; } .button.hover:before { color: #3d3d3d; } .button.hover:hover:before { color: #fff; } .sign-in { vertical-align: middle; } .user { position: relative; display: inline-block; vertical-align: middle; line-height: 100%; } .user-image { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-right: 10px; border-radius: 9999px; background-size: cover; background-position: center center; background-color: #52c4d8; cursor: pointer; } .user-dropdown { z-index: 999; position: absolute; display: block; top: 100%; left: 50%; min-width: 250px; border: 1px solid #dbdbdb; border-radius: 6px; box-shadow: 0 2px 18px rgba(0, 0, 0, .18); background: #fff; line-height: 45px; white-space: nowrap; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .user:hover .user-dropdown { opacity: 1; visibility: visible; pointer-events: all; -webkit-transform: translate3d(-50%, 14px, 0); -ms-transform: translate3d(-50%, 14px, 0); -o-transform: translate3d(-50%, 14px, 0); transform: translate3d(-50%, 14px, 0); } .user-dropdown:before { position: absolute; display: block; content: ''; width: 100%; height: 20px; bottom: 100%; left: 0; right: 0; } .user-dropdown:after { position: absolute; display: block; content: ''; width: 8px; height: 8px; bottom: 97%; left: 50%; background: #fff; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; opacity: 0; -webkit-transform: rotate(45deg) translate(-50%, 0); -ms-transform: rotate(45deg) translate(-50%, 0); -o-transform: rotate(45deg) translate(-50%, 0); transform: rotate(45deg) translate(-50%, 0); } .user:hover .user-dropdown:after { bottom: 98%; opacity: 1; } .user-dropdown a { position: relative; display: block; padding: 0; font-size: 14px; font-weight: 500; color: #757575; border-bottom: 1px solid #dfdfdf; } .user-dropdown a:last-child { border-bottom: 0; } .user-dropdown a:hover { color: #ff6e42; } .user-name { position: relative; display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 400; color: #a5a8ab; line-height: 100%; letter-spacing: -0.025em; cursor: pointer; } .user:hover .user-name { color: #3d3d3d; } .main-nav { position: relative; display: block; clear: both; min-height: 55px; line-height: 55px; background: #3d3d3d; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .categories { position: relative; display: inline-block; vertical-align: top; } .categories-toggle { position: relative; display: inline-block; vertical-align: middle; width: 55px; height: 55px; cursor: pointer; background: transparent; } .categories.active .categories-toggle { background: #fff; } .categories-toggle:before { position: absolute; display: block; content: ''; width: 23px; height: 2px; top: 50%; left: 50%; background: #fff; box-shadow: 0 -7px 0 0 #fff, 0 7px 0 0 #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .categories.active .categories-toggle:before { background: #3d3d3d; box-shadow: 0 -7px 0 0 #3d3d3d, 0 7px 0 0 #3d3d3d; } .categories > a { position: relative; display: inline-block; vertical-align: middle; margin: 0 25px; font-size: 16px; font-weight: 600; color: #fff; line-height: 100%; letter-spacing: -0.01em; } .categories > a:hover { color: #1aa4dd; } .categories-dropdown { z-index: 998; position: absolute; display: none; top: 100%; left: 0; width: 250px; margin: 0 -1px; background: #fff; border: 1px solid #d0d0d0; border-top: 0; text-align: left; } .categories.active .categories-dropdown { display: block; } .categories-dropdown > * { display: block; height: 52px; font-size: 16px; font-weight: 300; color: #3d3d3d; letter-spacing: -0.01em; line-height: 53px; cursor: pointer; border-bottom: 1px solid #d5d5d5; } .categories-dropdown > *:last-child { border-bottom: 0; } .categories-dropdown > *.active { background: #1aa4dd; color: #fff; border-color: #1aa4dd; } .categories-dropdown > .active a.menu_cat_link { color: #fff; } .categories-dropdown a.menu_cat_link { height: 52px; font-size: 16px; font-weight: 300; color: #3d3d3d; letter-spacing: -0.01em; cursor: pointer; } .categories-dropdown > a:hover { color: #1aa4dd; } .categories-dropdown > *:before { position: relative; display: inline-block; vertical-align: top; width: 52px; margin-right: 6px; font-size: 18px; line-height: 52px; text-align: center; } .categories-dropdown > *:not(a):after { position: relative; display: inline-block; vertical-align: middle; float: right; content: ''; width: 8px; height: 8px; top: 50%; right: 15px; border-top: 2px solid #a5a8ab; border-right: 2px solid #a5a8ab; -webkit-transform: rotate(45deg) translate(-50%); -ms-transform: rotate(45deg) translate(-50%); -o-transform: rotate(45deg) translate(-50%); transform: rotate(45deg) translate(-50%); } .categories-dropdown > div.active:after { border-color: #fff; } .category { position: absolute; display: none; left: 100%; top: 0; width: calc(1170px - 248px); max-width: calc(1170px - 248px); min-height: 400px; background: #fff; border: 6px solid #1aa4dd; box-shadow: 12px 14px 16px rgba(0, 0, 0, .17); cursor: default; } .categories-dropdown > div.active .category { display: block; } .sub-categories { position: relative; display: block; vertical-align: top; height: 100%; padding: 35px 50px; text-align: left; } .category-title { position: relative; display: block; margin-bottom: 30px; font-size: 24px; font-weight: 600; color: #3d3d3d; letter-spacing: -0.01em; line-height: 100%; } .category-title span { font-weight: 300; margin-left: 5px; } .category-columns { position: relative; display: block; width: 100%; height: calc(100% - 54px); -webkit-columns: 4; -moz-columns: 4; -o-columns: 4; columns: 4; -webkit-column-gap: 100px; -moz-column-gap: 100px; -o-column-gap: 100px; column-gap: 100px; -webkit-column-rule: 1px solid #c8c8c8; -moz-column-rule: 1px solid #c8c8c8; -o-column-rule: 1px solid #c8c8c8; column-rule: 1px solid #c8c8c8; } .sub-categories a { position: relative; display: block; float: left; clear: both; font-size: 15px; font-weight: 300; color: #3d3d3d; line-height: 31px; letter-spacing: -0.01em; -webkit-transition: none; -o-transition: none; transition: none; } .sub-categories a:hover { color: #1aa4dd; } .sub-categories a:before { position: absolute; display: none; content: ''; top: 50%; left: -20px; width: 7px; height: 7px; margin-top: -4px; background: #1aa4dd; } .sub-categories a:hover:before { display: block; } .sub-categories a[data-badge]:after { position: relative; display: inline-block; content: attr(data-badge); vertical-align: middle; top: -1px; padding: 3px 4px; margin-left: 8px; font-size: 7.5px; font-weight: 600; color: #fff; line-height: 100%; letter-spacing: 0.11em; text-transform: uppercase; background: #60dc7a; } .sub-categories a[data-badge]:hover:after { background: #1aa4dd; } .links { position: relative; display: inline-block; vertical-align: top; text-align: right; } .links br { display: none; } .links a, .links span { position: relative; display: inline-block; vertical-align: middle; margin: 0 12px; font-size: 16px; font-weight: 600; color: #fff; /*line-height: 100%;*/ letter-spacing: -0.01em; } .links a:hover { color: #1aa4dd; } .links .icon-headphone:before { position: relative; display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; font-size: 16px; line-height: 100%; } .links .icon-help:before { position: relative; display: inline-block; content: '?'; vertical-align: middle; width: 16px; height: 16px; margin: -2px 8px 0 0; background: #fff; font-family: 'proxima-nova' !important; font-size: 13px; font-weight: 700 !important; color: #3d3d3d; line-height: 16px; text-align: center; border-radius: 50%; } /********************************************/ /* Footer /********************************************/ .main-footer { position: relative; display: block; clear: both; } .tags { position: relative; display: block; min-height: 105px; background: #fff; text-align: center; font-size: 0; line-height: 105px; } .tags:after { position: relative; display: block; content: ''; width: 100%; height: 3px; background: #fac26a; background: -webkit-linear-gradient(left, #fac26a 0%, #f66f54 20%, #7bd793 44%, #b89eee 100%); background: -o-linear-gradient(left, #fac26a 0%, #f66f54 20%, #7bd793 44%, #b89eee 100%); background: linear-gradient(to right, #fac26a 0%, #f66f54 20%, #7bd793 44%, #b89eee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac26a', endColorstr='#b89eee', GradientType=1); } .tag { position: relative; display: inline-block; vertical-align: top; margin: 0 45px; font-size: 18px; font-weight: 300; color: #3d3d3d; letter-spacing: -0.02em; cursor: default; } .tag-icon { position: relative; display: inline-block; vertical-align: middle; top: -2px; margin: 0 15px; width: 36px; height: 36px; background-size: contain; background-position: center center; background-repeat: no-repeat; } .tag-safe { background-image: url(//www.matbuu.com/img/icons/safe.svg); } .tag-return { background-image: url(//www.matbuu.com/img/icons/return.svg); } .tag-experience { background-image: url(//www.matbuu.com/img/icons/experience.svg); } .tag-box { background-image: url(//www.matbuu.com/img/icons/box.svg); } .main-footer .inner { font-size: 0; padding: 60px 0; text-align: justify; } .footer-steps { position: relative; display: block; font-size: 0; text-align: center; margin-bottom: 50px; } .footer-step { position: relative; display: inline-block; vertical-align: top; width: 132px; height: auto; margin: 20px 40px 0; padding-bottom: 38px; white-space: nowrap; } .footer-step:before { position: relative; display: block; width: 132px; height: 132px; margin: 0 auto; font-size: 66px; color: #a5a8ab; line-height: 132px; border: 1px solid #a5a8ab; border-radius: 50%; } .footer-step:after { position: absolute; display: block; top: 8px; right: 8px; content: attr(data-step); width: 26px; height: 26px; font-size: 13px; font-weight: 300; color: #a5a8ab; line-height: 26px; border: 1px solid #a5a8ab; border-radius: 50%; background: #fff; } .footer-step:hover:before, .footer-step:hover:after { color: #f8735d; border-color: #f8735d; } .footer-step-text { position: absolute; display: block; bottom: 0; left: 50%; font-size: 18px; font-weight: 300; color: #a5a8ab; letter-spacing: -0.02em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .footer-step:hover .footer-step-text { color: #f8735d; } .footer-arrow { position: relative; display: inline-block; vertical-align: top; width: 80px; height: 15px; margin-top: 80px; } .footer-arrow:before { position: absolute; display: block; content: ''; width: 0%; height: 0px; top: 50%; left: 0; border-bottom: 1px dashed #a5a8ab; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .footer-arrow.in:before { left: 0; width: 100%; } .footer-arrow.out:before { left: 100%; width: 0%; } .footer-arrow:after { position: absolute; display: block; content: ''; width: 8px; height: 8px; top: 50%; right: -3px; border-top: 1px solid #a5a8ab; border-right: 1px solid #a5a8ab; opacity: 0; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .footer-arrow.in:after { opacity: 1; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .footer-arrow.out:after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .footer-col { position: relative; display: inline-block; vertical-align: top; margin: 35px; line-height: 29px; letter-spacing: -0.02em; text-align: left; } .col-title { position: relative; display: block; float: left; clear: both; font-size: 18px; font-weight: 600; color: #3d3d3d; } .col-title ~ .col-title { margin-top: 29px; } .col-title:empty { height: 29px; } .footer-col a { position: relative; display: block; float: left; clear: both; font-size: 14px; font-weight: 300; color: #3d3d3d; } .footer-col a:after { position: absolute; display: block; content: ''; left: 0; bottom: 2px; width: 100%; height: 1px; background: #3d3d3d; opacity: 0; } .footer-col a:hover:after { opacity: 1; } .social { position: relative; display: inline-block; vertical-align: middle; margin: 56px 42px; text-align: center; font-size: 0; } .social a { position: relative; display: inline-block; vertical-align: middle; width: 51px; height: 51px; margin: 5px; border-width: 1px; border-style: solid; border-radius: 50%; text-align: center; line-height: 51px; background: transparent; } .social .icon-facebook { border-color: #3b5998; } .social .icon-twitter { border-color: #55acee; } .social .icon-instagram { border-color: #3f729b; } .social .icon-gplus { border-color: #dc4e41; } .social .icon-facebook:hover { background: #3b5998; } .social .icon-twitter:hover { background: #55acee; } .social .icon-instagram:hover { background: #3f729b; } .social .icon-gplus:hover { background: #dc4e41; } .social a:before { position: relative; display: block; font-size: 20px; line-height: 51px; } .social .icon-facebook:before { color: #3b5998; } .social .icon-twitter:before { color: #55acee; } .social .icon-instagram:before { color: #3f729b; } .social .icon-gplus:before { color: #dc4e41; } .social a:hover:before { color: #fff; } .social .google-play { display: block; width: auto; height: auto; margin: 11px; border-width: 0; border-radius: 0; } .google-play img { display: block; width: auto; height: 50px; } .copyright { position: relative; display: inline-block; width: 100%; height: auto; margin: 10px 0 0; font-size: 11px; font-weight: 300; color: #656565; text-align: center; line-height: 100%; } .copyright:before { position: relative; display: inline-block; top: 8px; font-size: 45px; color: #1aa4dd; line-height: 100%; } /********************************************/ /* Modal /********************************************/ .matbuu-modal-mask { z-index: 9998; position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; } .matbuu-modal-mask.active { opacity: 1; visibility: visible; pointer-events: all; } .matbuu-modal { z-index: 9999; position: fixed; display: block; top: 50%; left: 50%; max-width: 560px; width: 100%; height: auto; padding: 70px 60px; text-align: center; border-radius: 8px; background: #fff; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); -o-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } .matbuu-modal.active { opacity: 1; visibility: visible; pointer-events: all; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .matbuu-modal-close { position: absolute; display: block; top: 20px; right: 20px; width: 28px; height: 28px; cursor: pointer; } .matbuu-modal-close:before, .matbuu-modal-close:after { position: absolute; display: block; content: ''; top: 50%; left: 0; width: 100%; height: 2px; background: #a7a7a7; margin-top: -2px; } .matbuu-modal-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .matbuu-modal-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .matbuu-modal-title { position: relative; display: block; font-size: 24px; font-weight: 300; color: #1aa4dd; letter-spacing: -0.025em; } .matbuu-modal-small { position: relative; display: block; font-size: 18px; font-weight: 300; color: #3d3d3d; letter-spacing: -0.025em; } .matbuu-model-content { position: relative; display: block; margin: 40px 0; font-size: 17px; font-weight: 300; color: #3d3d3d; letter-spacing: -0.025em; } .matbuu-modal a { display: inline-block; float: none; } .categories-dropdown .new { margin-right: 10px; font-weight: bold; background: #F00; color: #fff; height: 20px; line-height: 20px; padding: 0px 5px; margin-top: 17px; font-size: 13px; margin-left: 20px; } .mt-loader { background: url('/img/sys/loader.gif') center center no-repeat; clear: both; display: none; } /** Megamenu */ .dropdown-icons li { float: left; } li.dropdown-item h3 { font-size: 14px; padding: 0; margin-top: 10px; margin-bottom: 0; font-weight: 400; } .dropdown-item a { width: 135px; height: 165px; color: #6a6a6a; font-size: 12px; font-weight: 600; line-height: 15px; text-align: center; display: block; } .dropdown-item a:before { content: ""; width: 0; height: 0; } .dropdown-item a img { width: 110px; } /** end megamenu */ @media all and (max-width: 1330px) { .main-header { z-index: 2; } } @media all and (max-width: 1170px) { .user-dropdown { left: auto; right: 0; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .user:hover .user-dropdown { -webkit-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } .user-dropdown:after { left: 90%; } .social { width: 100%; margin: 0; } .google-play img { margin: 0 auto; } .category { width: calc(100vw - 248px); } } @media all and (max-width: 1090px) { .footer-arrow { display: none; } } @media all and (max-width: 1060px) { .search { margin-left: 35px; } .search-input { width: 400px; } } @media all and (max-width: 920px) { .search { display: block; margin: 0 -30px; clear: both; } .search-input { width: 100% !important; border-radius: 0; } .search-submit { border-radius: 0; } .logo img { width: 230px; } } @media all and (max-width: 880px) { .categories-dropdown { width: calc(100vw + -15px); } .categories-dropdown > * { position: relative; height: auto; line-height: 51px; } .categories-dropdown > *:not(a):after { position: absolute; display: block; top: 23px; right: 20px; -webkit-transform: rotate(135deg) translate(-50%); -ms-transform: rotate(135deg) translate(-50%); -o-transform: rotate(135deg) translate(-50%); transform: rotate(135deg) translate(-50%); } .category { position: relative; top: -1px; left: 0; width: 100%; max-width: 100%; } .dropdown-item a { height: 50px; text-align: left; } .dropdown-item a img { width: 25px; height: 25px; float: left; margin-right: 10px; } } @media all and (max-width: 800px) { .main-footer .inner { text-align: center; } .footer-col { width: calc(50% - 84px); } .user-area .user-name { display: none; } } @media all and (max-width: 640px) { .footer-step { display: block; margin: 20px auto; } .user-area .upload-work span { display: none; } .user-area .upload-work { padding: 15px; display: inline-block; width: 50px; } .user-area .upload-work:before { margin: 0; } } @media all and (max-width: 520px) { /* .links { display: inline-block; float: right; text-align: right; } .links [class^="icon-"] { display: none; }*/ .logo img.logo-mini{ display: block; } .logo img.logo-big{ display: none; } } /**SEARCH Autocomlete**/ .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 10px; white-space: nowrap; overflow: hidden; font-size: 13px; } .autocomplete-selected { background: #d7eaf7; cursor: pointer; } .autocomplete-suggestions strong { font-weight: bold; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group { border-bottom: 1px solid #f7f7f7; color: gray; opacity: .7; filter: alpha(opacity=70); display: block; font-size: 11px; line-height: 25px; padding-left: 10px; padding-right: 10px; } /**SEARCH Autocomlete**/ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } /* HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /* Links ========================================================================== */ a { background: transparent; } a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ img { border: 0; } svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ figure { /*margin: 1em 40px;*/ } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } /* Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }