/var/www/vhosts/bsbdokum.com.tr/httpdocs/app/Themes/default/assets/css
Edit: /var/www/vhosts/bsbdokum.com.tr/httpdocs/app/Themes/default/assets/css/sabit.css (20717B)
@import url('jquery-ui.css');
@import url('style.css');
.form-check-label {
line-height:25px;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: var(--anarenk);
border-color: var(--anarenk);
}
.page-link {
position: relative;
display: block;
color: var(--anarenk);
text-decoration: none;
background-color: transparent;
border: 1px solid transparent;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
padding: 0.875rem 1.25rem;
border-radius:5px;
margin:0px 5px;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: transparent;
border-color: transparent;
}
.page-link:hover {
z-index: 2;
color: #fff;
background-color: var(--anarenk);
border-color: var(--anarenk);
}
.number-group {
position:relative;
}
.number-group .form-control{
padding:0px 34px;
text-align:center;
height: 50px !important;
line-height: 50px !important;
}
.number-group .arti,
.number-group .eksi
{
position:absolute;
top:0px;
width:34px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
color:#000;
z-index:100;
font-size:18px;
font-weight:600;
cursor:pointer;
}
.number-group .arti{
right:0px;
border-left:1px solid #f0f0f0;
}
.number-group .eksi{
left:0px;
border-right:1px solid #f0f0f0;
}
.yorumlar {
border:1px solid rgba(0,0,0,0.1);
padding:10px 20px;
border-radius:13px;
background:#fff;
}
.yorumlar .yorumlarust {
display:flex;
align-items:center;
padding:20px 0px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.yorumlar .yorumlarust .puan {
font-size:20px;
font-weight:700;
margin-right:10px;
}
.yorumlar .yorumlarust .yildizlar {
font-size:20px;
font-weight:700;
color:#ffc000;
margin-right:10px;
}
.yorumlar .yorumlarust .sayilar {
font-size:20px;
font-weight:300;
margin-left:auto;
}
.yorumlar .yorum {
padding:20px 0px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.yorumlar .yorum:last-child {
border-bottom:0px solid rgba(0,0,0,0.1);
}
.yorumlar .yorum .yorumbilgi {
display:flex;
margin-bottom:10px;
}
.yorumlar .yorum .yorumbilgi .puan {
font-size:16px;
font-weight:700;
margin-right:10px;
}
.yorumlar .yorum .yorumbilgi .yildizlar {
font-size:16px;
font-weight:700;
color:#ffc000;
margin-right:10px;
}
.yorumlar .yorum .yorumbilgi .sayilar {
font-size:16px;
font-weight:300;
margin-left:auto;
}
.yorumlar .yorum .yorumyazi {
font-size:14px;
font-weight:300;
line-height:20px;
}
.yorumlar .yorum .yorumresim {
display:flex;
align-items:center;
flex-wrap:row;
padding:10px 0px;
border-bottom:0px solid rgba(0,0,0,0.1);
}
.yorumlar .yorum .yorumresim a {
display:block;
margin-right:10px;
}
.yorumlar .yorum .yorumresim a img {
width:100%;
height:100px;
object-fit:cover;
border-radius:10px;
}
.yorumlar .uyari {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:30px;
margin-right: 4px;
line-height: 18px;
font-size: 14px;
color: #666;
}
.yorumlar .uyari .icon{
display:flex;
justify-content:center;
align-items:center;
width:60px;
height:60px;
border-radius:30px;
font-size:24px;
color:var(--anarenk);
background:#f5f5f5;
margin-bottom:15px;
}
/*------------------cerezpolitikasi----------------------*/
.cerezpolitikasi {
position:fixed;
bottom:20px;
left:20px;
width:400px;
max-width:calc(100% - 40px);
padding:20px;
border-radius:20px;
background:rgba(0,0,0,0.5);
font-size:14px;
line-height:20px;
color:#fff;
z-index:100000;
}
.lity-content::after {
background:#fff;
}
/*------------------mobilheader----------------------*/
#mobilheader {
display:none;
background:#fff;
border-bottom:1px solid #f5f5f5;
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:1000;
height:65px;
align-items:center;
padding:0px 5px;
}
#mobilheader .btn {
padding:10px;
}
#mobilheader .btn i {
font-size:40px;
}
#mobilheader .logo {
display:inline-block;
margin-left:auto;
padding:5px;
}
#mobilheader .logo img {
width:59px;
}
#mobilheader .butonlar a {
position:relative;
height:50px;
padding:0px 10px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:26px;
color:#000;
}
#mobilheader .butonlar a span {
position:absolute;
top:5px;
right:5px;
width:20px;
height:20px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:14px;
background:#f73434;
color:#fff;
}
/*------------------mobilmenu----------------------*/
#mobilmenu {
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
overflow-y:scroll;
z-index:1000;
background:#f7f7f7;
transform: translateX(-100%);
transition:all 0.3s ease;
}
#mobilmenu .ust {
display:flex;
align-items:center;
width:100%;
height:65px;
padding:10px;
}
#mobilmenu .ust .logo {
height:100%;
margin-right:auto;
}
#mobilmenu .ust .kapat {
font-size:28px;
color:var(--anarenk);
}
#mobilmenu .menu {
background:#fff;
}
#mobilmenu .menu ul {
display: flex!important;
flex-direction: column;
align-items: center;
list-style-type: none;
-webkit-overflow-scrolling: touch;
padding: 0 15px;
}
#mobilmenu .menu .link-li {
width: 100%;
align-items: flex-start;
justify-content: center;
border-bottom: 1px solid hsla(0,0%,60%,.2);
justify-content: center;
min-height: 52px;
-webkit-overflow-scrolling: touch;
display: flex;
flex-direction: column;
}
#mobilmenu .menu .link-item {
font-size:16px;
color:rgb(51, 51, 51);
padding: 10px 0px;
}
#mobilmenu .menu .acilan {
width: 100%;
}
#mobilmenu .menu .acilan ul {
width: 100%;
}
#mobilmenu .menu .acilan ul .link-li {
min-height: 32px;
}
#mobilmenu .menu .acilan ul .link-item {
font-size:14px;
color:rgb(51, 51, 51, 0.6);
padding: 10px 0px 10px 10px;
}
#mobilmenu .onerilen {
padding:20px 10px;
}
#mobilmenu .onerilen .baslik {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:100%;
color: #44484b;
font-size: 22px;
font-weight: 400;
line-height: 26px;
margin-bottom:10px;
}
#mobilmenu .onerilen .baslik b {
font-weight: 700;
}
#mobilmenu .onerilen .item {
display:flex;
flex-wrap:wrap;
align-items:center;
height: 123px;
border-radius: 20px;
background: #ffffff;
padding:19px;
border: 1px solid transparent;
margin-bottom:10px;
}
#mobilmenu .onerilen .item:hover {
border: 1px solid #fce3bf;
box-shadow: 0px 2px 10px rgba(0,0,0,0.12);
}
#mobilmenu .onerilen .item img {
width:75px;
height:91px;
object-fit:contain;
object-position:center;
margin-right:19px;
}
#mobilmenu .onerilen .item .adi {
display:flex;
flex-direction:column;
justify-content:center;
width:calc(100% - 95px);
color: #44484b;
font-size: 16px;
font-weight: 800;
line-height: 25px;
}
#mobilmenu .onerilen .item .adi span {
display:block;
color: #e30613;
font-size: 20px;
font-weight: 700;
line-height: 18px;
}
#mobilmenu .onerilen .item .adi span del{
color: #333;
font-size: 14px;
}
/*------------------filtremodal----------------------*/
#filtremodal .solalan {
width:100%;
height:100%;
overflow-y:scroll;
}
#filtremodal .solalan .sollink {
display:block;
padding:20px 15px;
border-bottom:1px solid rgba(0,0,0,0.1);
background:#F6F6F6;
font-size:18px;
font-weight:500;
color:rgba(0,0,0,0.9);
cursor:pointer;
}
#filtremodal .solalan .sollink:hover ,
#filtremodal .solalan .sollink.active
{
background:#fff;
}
#filtremodal .sagalan {
width:100%;
height:calc(100vh - 200px);
overflow-y:scroll;
overflow-x:hidden;
}
#filtremodal .sagalan .sagic {
display:block;
}
#filtremodal .sagalan .sagic .adi {
position:relative;
color: #101016;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom:20px;
padding:8px 0px;
border-bottom:1px solid var(--anarenk);
}
#filtremodal .sagalan .sagic .adi:before {
position:absolute;
content:"\f063";
top:0px;
right:0px;
width:70px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#000;
font-family: 'Line Awesome Free';
font-weight: 900;
}
#filtremodal .sagalan .sagic .saglink {
display:block;
padding:10px 15px;
border:1px solid rgba(0,0,0,0.1);
background:#F6F6F6;
font-size:18px;
font-weight:500;
color:rgba(0,0,0,0.9);
cursor:pointer;
margin-bottom:10px;
}
#filtremodal .sagalan .sagic .form-check-input[type=checkbox] {
border-radius: 0.5em;
}
#filtremodal .sagalan .sagic .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
border-radius: 0.6rem;
top: -8px;
}
#filtremodal .sagalan .sagic .ui-slider .ui-slider-handle:hover {
background:#000;
border:1px solid #000;
}
#filtremodal .sagalan .sagic .ui-slider-horizontal {
width:calc(100% - 30px);
height: 0.3em;
margin-top: 20px;
margin-bottom: 20px;
margin-left:15px;
}
#filtremodal .sagalan .sagic .ui-widget-header {
background: #ff0000;
}
#filtremodal .modal-dialog {
max-width: 376px;
height: 100%;
}
#filtremodal .modal-content {
height: 100%;
border-radius:0px;
}
#yorummodal .modal-body {
position: relative;
flex: 1 1 auto;
padding: 0px;
}
#yorummodal .carousel-caption {
position: absolute;
right: 0px;
bottom: 0px;
left: 0px;
padding-top: 5.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
}
#yorummodal .yazilar {
padding:20px;
display:flex;
flex-direction:column;
justify-content:center;
height:100%;
}
#yorummodal .yazilar .puanlar {
margin-bottom:10px;
}
#yorummodal .yazilar .puanlar i {
color:#febf43;
}
#yorummodal .yazilar .puanlar span {
color: #a3a3a3;
font-size: 13px;
font-weight: 600;
line-height: 25px;
}
#yorummodal .yazilar .yazi {
font-size: 14px;
font-weight: 300;
line-height: 20px;
margin-bottom:10px;
}
#yorummodal .yazilar .adi {
opacity:0.7;
font-size: 12px;
font-weight: 300;
line-height: 20px;
margin-bottom:10px;
}
/*------------------urunpopup----------------------*/
#urunpopup .resimler {
display:flex;
flex-wrap:wrap;
height:100%;
}
#urunpopup .resimler .thumb {
width:25%;
overflow-y:scroll;
flex:0 0 auto;
height: 570px;
}
#urunpopup .resimler .thumb a {
display:flex;
align-items:center;
justify-content:center;
border-radius: 15px;
background: #ffffff;
margin-bottom:15px;
padding:15px;
}
#urunpopup .resimler .thumb a img {
width:100%;
height:100%;
object-fit:contain;
}
#urunpopup .resimler .anares {
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
flex:0 0 auto;
border-radius: 15px;
background: #ffffff;
height:100%;
}
#urunpopup .resimler .anares img {
max-width:100%;
max-height:100%;
}
#urunpopup .resimler .anares .indirim {
position:absolute;
top:32px;
left:20px;
display:flex;
align-items:center;
justify-content:center;
width: 48px;
height: 48px;
border-radius:24px;
background: #fbdea6;
color: #44484b;
font-size: 15px;
font-weight: 700;
line-height: 18px;
}
#urunpopup .bilgiler {
display:flex;
flex-direction:column;
justify-content:flex-start;
height:100%;
padding:30px 0px;
}
#urunpopup .bilgiler .adi {
color: #101016;
font-size: 30px;
font-weight: 700;
line-height: 36px;
margin-bottom:14px;
}
#urunpopup .bilgiler .kod {
color: #101016;
font-size: 14px;
font-weight: 700;
line-height: 25px;
margin-bottom:14px;
}
#urunpopup .bilgiler .degerlendirme {
display:flex;
padding:0px 0px;
margin-bottom:20px;
}
#urunpopup .bilgiler .degerlendirme .puan {
font-size:14px;
font-weight:700;
margin-right:10px;
}
#urunpopup .bilgiler .degerlendirme .yildizlar {
font-size:14px;
font-weight:700;
color:#ffc000;
margin-right:10px;
}
#urunpopup .bilgiler .degerlendirme .sayilar {
font-size:14px;
font-weight:300;
}
#urunpopup .bilgiler .fiyat {
margin-bottom:14px;
}
#urunpopup .bilgiler .fiyat del {
color: #44484b;
font-size: 30.4px;
font-weight: 500;
line-height: 47.5px;
text-decoration: line-through;
margin-right:20px;
}
#urunpopup .bilgiler .fiyat span {
color: #e30613;
font-size: 40px;
font-weight: 700;
line-height: 47.5px;
}
#urunpopup .bilgiler .varyasyonlar {
margin-bottom:24px;
}
#urunpopup .bilgiler .varyasyonlar .varyasyon {
margin-bottom:20px;
}
#urunpopup .bilgiler .varyasyonlar .varyasyonadi {
color: #101016;
font-size: 16px;
font-weight: 700;
line-height: 25px;
margin-bottom:10px;
}
#urunpopup .bilgiler .varyasyonlar span {
display:inline-block;
border-radius: 6px;
border: solid 1px #999999;
font-size: 13px;
color: #333;
padding: 5px 10px 4px;
cursor: pointer;
margin-right: 10px;
margin-bottom: 2.5px;
margin-top: 2.5px;
}
#urunpopup .bilgiler .varyasyonlar span.active {
border: solid 2px #e30613!important;
padding: 4px 9px 3px;
background-color: #fff!important;
color: #000;
}
.card {
border-radius: 15px;
background: linear-gradient(180deg, #ffffff, #FAFAFA);
border: 1px solid rgb(244 244 244);
}
.card .card-body {
font-size: 14px;
line-height: 20px;
color: #4c4c4c;
}
.hesapmenu a {
display:flex;
align-items:center;
padding:10px 20px 10px 20px;
font-size:16px;
font-weight:500;
border-radius: 25px;
border: 1px solid #efefef;
color:rgba(0,0,0,0.7);
margin-bottom:10px;
}
.hesapmenu a span {
margin-left:auto;
font-size:22px;
}
.hesapmenu a:hover {
color:#fff;
background:var(--anarenk);
}
.hesapmenu a.active {
color:#fff;
background:var(--anarenk);
}
/*------------------sepet----------------------*/
#sepet {
position:relative;
padding:0px 0px;
}
#sepet .container {
position:relative;
}
#sepet .baslik {
font-size: 35px;
font-weight: 700;
line-height: 63px;
color:#000;
text-align:center;
margin-bottom:30px;
}
#sepet .link {
color:#2082bb;
font-weight:500;
text-decoration:underline;
}
#sepet .fiyatbilgi {
display:flex;
align-items:center;
margin-bottom:10px;
}
#sepet .fiyatbilgi .sol {
font-size:16px;
font-weight:600;
color:#000;
}
#sepet .fiyatbilgi .sag {
margin-left:auto;
font-size:16px;
font-weight:400;
color:#000;
}
#sepet .fiyatbilgi.buyuk {
padding:10px;
border-radius:4px;
}
#sepet .fiyatbilgi.buyuk .sol {
font-size:26px;
font-weight:600;
color:var(--anarenk);
}
#sepet .fiyatbilgi.buyuk .sag {
margin-left:auto;
font-size:20px;
font-weight:700;
color:var(--anarenk);
}
#sepet .sepetsatir {
position:relative;
border-bottom:1px solid #f5f5f5;
padding:10px 0px;
}
#sepet .sepetsatir:last-child {
border-bottom:0px solid #f5f5f5;
}
#sepet .sepetsatir .resim {
width:100%;
height:50px;
object-fit:cover;
}
#sepet .sepetsatir .adi {
display:flex;
height:100%;
flex-direction:column;
justify-content:center;
font-weight:700;
}
#sepet .sepetsatir .adi small {
display:flex;
height:100%;
flex-direction:column;
justify-content:center;
font-weight:400;
margin-top:5px;
}
#sepet .sepetsatir .fiyat {
display:flex;
height:100%;
flex-direction:column;
justify-content:center;
font-weight:700;
}
#sepet .sepetsatir .adet {
display:flex;
height:100%;
flex-direction:column;
justify-content:center;
}
#sepet .sepetsatir .butonlar {
display:flex;
width:100%;
height:100%;
justify-content:flex-end;
align-items:center;
}
#sepet .sepetsatir .butonlar a {
margin-left:10px;
}
#sepet .nav-link {
display: block;
padding: 0.9rem 1.2rem;
color: var(--anarenk);
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#sepet .nav-tabs .nav-item.show .nav-link,
#sepet .nav-tabs .nav-link.active {
color: #fff;
background-color: var(--anarenk);
border-color: #dee2e6 #dee2e6 #fff;
}
#sepet .tab-pane {
padding:30px 0px;
}
#sepet .kod {
font-size:30px;
color:#0b5ed7;
margin-bottom:15px;
}
#sepet .durum {
font-size:20px;
margin-bottom:15px;
}
#sepet .adres {
font-size:16px;
color:#000;
margin-bottom:10px;
}
#sepet .odemebilgi {
font-size:16px;
font-weight:300;
color:#000;
margin-bottom:10px;
}
#sepet .input-group .btn {
position: relative;
z-index: 2;
height: 100%;
border-radius: 0px;
}
#sepet .haberresim {
width:100%;
height:200px;
object-fit:cover;
border-radius:15px;
margin-bottom:10px;
}
#sepet .haberlink {
font-size:16px;
font-weight:500;
color:#333;
}
/*------------------bizeulasin----------------------*/
#bizeulasin {
margin:20px 0px 20px 0px;
}
#bizeulasin .adi {
font-size:20px;
font-weight:700;
color:#000;
padding:20px 0px;
text-align:center;
margin-bottom:20px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
#bizeulasin .bilgi {
display:flex;
align-items:center;
flex-wrap:wrap;
margin-bottom:20px;
}
#bizeulasin .bilgi .icon {
display:flex;
align-items:center;
justify-content:center;
width:50px;
height:50px;
border-radius:25px;
border:1px solid #000;
font-size:20px;
color:#000;
margin-right:15px;
}
#bizeulasin .bilgi:hover .icon {
color:#fff;
background:#000;
}
#bizeulasin .bilgi .yazi {
width:calc(100% - 75px);
}
#bizeulasin textarea.form-control {
height:230px;
padding-top:25px;
}
#bizeulasin .map {
overflow:hidden;
}
#bizeulasin .map iframe {
width:100%;
height:500px;
}
/*------------------urunkampanyabar----------------------*/
#urunkampanyabar {
background:var(--anarenk);
margin-bottom:5px;
border-radius:5px;
}
#urunkampanyabar .baralan {
display:flex;
align-items:center;
justify-content:center;
}
#urunkampanyabar .baralan .kampanyayazi {
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 17px;
padding:4px 10px;
text-align:center;
}
@media (max-width: 960px) {
body {
padding-top:65px;
}
.page-link {
padding: 0.475rem 0.75rem;
}
.yorumlar .yorumlarust {
display:flex;
align-items:center;
flex-direction:column;
}
.yorumlar .yorumlarust .puan {
font-size:14px;
}
.yorumlar .yorumlarust .yildizlar {
font-size:14px;
}
.yorumlar .yorumlarust .sayilar {
font-size:14px;
margin-left:0px;
margin-top:10px;
}
.yorumlar .yorum .yorumbilgi .puan {
font-size:12px;
}
.yorumlar .yorum .yorumbilgi .yildizlar {
font-size:12px;
}
.yorumlar .yorum .yorumbilgi .sayilar {
font-size:12px;
}
#mobilheader {
display:flex;
}
#mobilmenu {
display:block;
}
/*------------------filtremodal----------------------*/
#filtremodal .solalan {
margin-bottom:20px;
}
#filtremodal .solalan .sollink {
padding:10px 5px;
}
#filtremodal .sagalan {
}
.yorumekle textarea {
margin-bottom:10px;
height:auto !important;
}
/*------------------urunpopup----------------------*/
#urunpopup .resimler .anares {
height: 170px;
}
#urunpopup .resimler .anares img {
max-width:100%;
max-height:100%;
}
#urunpopup .bilgiler .adi {
font-size: 18px;
line-height: 26px;
margin-bottom:0px;
}
#urunpopup .bilgiler .kod {
margin-bottom:0px;
}
#urunpopup .bilgiler .degerlendirme {
margin-bottom: 5px;
}
#urunpopup .bilgiler .varyasyonlar {
margin-bottom:10px;
}
#urunpopup .bilgiler .varyasyonlar .varyasyon {
margin-bottom:10px;
}
/*------------------sepet----------------------*/
#sepet .sepetsatir {
border-bottom:1px solid #f5f5f5;
padding:10px 0px;
}
#sepet .sepetsatir:last-child {
border-bottom:0px solid #f5f5f5;
}
#sepet .sepetsatir .resim {
width:100%;
height:50px;
object-fit:cover;
margin-bottom:10px;
}
#sepet .sepetsatir .adi {
display:flex;
height:100%;
flex-direction:column;
justify-content:center;
margin-bottom:10px;
}
#sepet .sepetsatir .fiyat {
display:flex;
height:100%;
flex-direction:column;
justify-content:center;
}
#sepet .sepetsatir .adet {
display:flex;
height:100%;
flex-direction:column;
justify-content:center;
margin-bottom:10px;
}
#sepet .sepetsatir .butonlar {
position:absolute;
top:5px;
right:5px;
display:flex;
width:auto;
height:auto;
justify-content:flex-end;
align-items:center;
}
#sepet .sepetsatir .butonlar a {
margin-left:10px;
padding:0px !important;
}
#sepet .sepetsatir .butonlar a i {
font-size:14px;
}
#sepet .btn-sepetekle {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 1000;
margin-bottom: 0px !important;
border-radius: 0px;
}
#sepet .nav-link {
padding: 0.5rem 0.6rem;
font-size: 12px;
}
}