📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
qrmenuscripti.demodesign.com.tr
/
css
📝
yextra.css
← Geri Dön
@charset "utf-8"; @import url("materialize/material-icons.css"); /*============================== CSS RESET ================================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; color: #232323; font-size: 14px; line-height: 1.4; width: 100%; -webkit-text-size-adjust: 100%; /* overflow: hidden; */ font-weight: 300; } .table-rep-plugin table{color:black;} .black_theme .table-rep-plugin table{color:white} body { /* line-height: 1; */ } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix{ display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ .homepage .site_wrapper{height: auto;padding-top: 0;padding-bottom: 50px;max-height: inherit;} .homepage .header{background: white;} .site_wrapper{ position: relative; width: 100%; height: auto; z-index: 1039; background:#f7f7f7; padding-top: 60px; min-height: 100vh; padding-bottom: 50px; } @media screen and (max-width: 575px) { div.menu_box_wrapper{ margin: 1rem; padding: .5rem !important; padding-bottom: 2rem !important; height: auto; max-height: inherit; } div.toolbar-icon a{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%; padding: .6rem 0; } } @media screen and (max-width: 1023px){ .homepage .swiper-slide{background-size:cover !important;padding: 0 10px;} } .site_wrapper.homepage {background:#000;} .site_wrapper.homepage .header {background:transparent;} .header{display: flex;position: fixed;z-index: 1099;flex-direction: row;justify-content: space-between;align-items: center;width: 100%;left: 0;padding: 0 10px;background: #fff;height: 60px;top: 0;border-bottom: 1px solid #eee;} .header .logo{} .header .logo img{ width: auto; max-height: 50px; height: auto; max-width: 100%; } .header .menu{} .header .menu nav{} .header .menu nav ul{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .header .menu nav ul li{ padding: 0 .7rem; } .header .menu nav ul li a{ position: relative; display: flex; justify-content: flex-start; align-items: center; } .menu_large img.white_menu{display:block} .menu_large img.black_menu{display:none} .header img.white_menu{display:none} .header img.black_menu{display:block} .header .menu nav ul li a img{ max-height: 30px; padding: 5px 0 0 1px; } .market_count{ position: absolute; top: -1px; right: -8px; font-size: 10px; width: 18px; height: 18px; background-color: #000; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: flex; text-align: center; align-items: center; justify-content: center; -webkit-box-shadow: 0px 0px 4px 0px #303030; -moz-box-shadow: 0px 0px 4px 0px #303030; box-shadow: 0px 0px 4px 0px #303030; } .slider{height: 100vh;} .swiper-container { height:100%; } .swiper-container-subnav{ width:100%; position: relative; overflow: hidden; } .swiper-container-pages { height: auto; margin: 0 auto 20px auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-team, .swiper-container-teambigger { height: auto; margin: 0 auto 20px auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-toolbar {width:98%;padding:0 0 1% 0;height: auto;margin:0 1%;position: absolute;bottom: 0;left:0px;overflow: hidden;z-index: 1090;height:auto;} .swiper-slide {width:100%;text-align:left;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position:center center;} .slider_trans{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:url(../images/trans_black.png) repeat; } .slider-caption{ position:absolute; bottom:0; left:0px; z-index:99999; padding:0 2%; } .slidertoolbar .slider-caption{ bottom:60%; } .slider-caption h2{ width:100%; display:block; padding:0px; margin:2px 0 5px 0; font-size:38px; font-weight:900; letter-spacing:-1px; color:#fff; line-height:50px; } .slider-caption span.subtitle{width:100%;margin:0;font-size:12px;padding: .5rem 1rem;font-weight:300;color:#fff;background-color:#000;display:inline;} .slider-caption p { color: #ffffff; font-size: 18px; line-height: 22px; margin-bottom: 5px; } .slidertoolbar > .swiper-pagination { bottom: 22%; left: 2%; width: 95%; text-align:left; } .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border:1px solid #fff; background:none; opacity: 0.5; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; } .swiper-container-pages > .swiper-pagination { bottom: 5%; left: 5%; width: 95%; text-align:left; } .swiper-container .swiper-pagination-bullet-active { opacity: 1; border:1px solid #000; } .swiper-container-pages .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-pagination-toolbar{ position: absolute; bottom: 0px; left: 0; width: 100%; text-align:center; } .swiper-pagination-toolbar{ bottom: 0px !important; left: 0; width: 100%; } .swiper-container-toolbar .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; background: #000; opacity: 0.2; margin:0 2px; border:none; } .swiper-pagination-toolbar .swiper-pagination-bullet { margin: 0 2px !important; } .swiper-container-toolbar .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-pagination-team, .swiper-pagination-teambigger{ width: 100%; text-align:center; } .swiper-container-team .swiper-pagination-bullet, .swiper-container-teambigger .swiper-pagination-bullet { width: 4px; height: 4px; display: inline-block; background: #000; opacity: 0.2; margin:0 2px; } .swiper-container-team .swiper-pagination-bullet-active, .swiper-container-teambigger .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-button-prev, .swiper-button-next { position: absolute; top:auto; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .swiper-button-next{ background:url(images/nav-next.png) no-repeat center #000; width: 40px; height: 40px; bottom:22%; right:2.5%; } .swiper-button-prev{ background:url(images/nav-prev.png) no-repeat center #000; width: 40px; height: 40px; bottom:22%; right:6%; left:auto; } .swiper-container-pages .swiper-button-next{ bottom:6%; } .swiper-container-pages .swiper-button-prev{ bottom:6%; } .toolbar-icon a { display: flex; padding: 1rem 0; float: left; height: auto; flex-direction: column; text-align: center; width: 100%; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; justify-content: space-evenly; align-items: center; } .toolbar-icon a img { display: block; margin: 0; text-align: center; height: 30px; width: auto; max-width: 70%; margin-bottom: .5rem; } .toolbar-icon a span { color: #3f5761; font-weight: 400; font-size: 10px; letter-spacing: 0.5px; } .restaurant_status{width: 150px;display: flex;justify-content: flex-start;align-items: flex-start;padding-left: 0;} .restaurant_status a{font-size:10px;background:transparent;/* padding: 0; */margin: 0;float: inherit;width: auto;padding: 0;} .restaurant_status a span{ transform: translate3d(0%, 0px, 0px); width: 100%; margin: 0; font-size: .8rem; padding: 1rem; font-weight: 300; color: #fff; background-color: #252731; display: flex; justify-content: center; align-items: center; font-weight: 600; } .slide_button{} .swiper-slide-active{ background-size: 100%; } .slider-caption{ } /* @-webkit-keyframes fadeIn { 0% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-o-keyframes fadeIn { 0% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } */ @keyframes fadeIn { 0% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; background-size:150%; } } .slidertoolbar > .swiper-pagination { bottom: 22%; left: 2%; width: 95%; text-align:left; } .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border:1px solid #fff; background:none; opacity: 0.5; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; } .swiper-container-pages > .swiper-pagination { bottom: 5%; left: 5%; width: 95%; text-align:left; } .swiper-container .swiper-pagination-bullet-active { opacity: 1; border:1px solid #000; } .swiper-container-pages .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-pagination-toolbar{ position: absolute; bottom: 0px; left: 0; width: 100%; text-align:center; } .swiper-pagination-toolbar{ bottom: 0px !important; left: 0; width: 100%; } .swiper-container-toolbar .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; background: #000; opacity: 0.2; margin:0 2px; border:none; } .swiper-pagination-toolbar .swiper-pagination-bullet { margin: 0 2px !important; } .swiper-container-toolbar .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-pagination-team, .swiper-pagination-teambigger{ width: 100%; text-align:center; } .swiper-container-team .swiper-pagination-bullet, .swiper-container-teambigger .swiper-pagination-bullet { width: 4px; height: 4px; display: inline-block; background: #000; opacity: 0.2; margin:0 2px; } .swiper-container-team .swiper-pagination-bullet-active, .swiper-container-teambigger .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-button-prev, .swiper-button-next { position: absolute; top:auto; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .swiper-button-next{background:url(../images/nav-next.png) no-repeat center #000;width: 40px;height: 40px;top: calc(50% - 20px);right: 10px;} .swiper-button-prev{background:url(../images/nav-prev.png) no-repeat center #000;width: 40px;height: 40px;bottom: calc(50% - 20px);left: 10px !important;left:auto;} .swiper-container-pages .swiper-button-next{ bottom:6%; } .swiper-container-pages .swiper-button-prev{ bottom:6%; } .menu_box{position: fixed;width: 100%;height: 100%;/* z-index: 999; */left: 0;top: 0;z-index: 99999;display: none;justify-content: center;align-items: center;} .menu_overlay{ width: 100%; background: black; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: .5; } .menu_box_wrapper form input{ width: 100%; /* border: none; */ border: 1px solid #d0d0d0; margin-top: .5rem; padding: .5rem 1rem; border-radius: 4px; font-size: .8rem; -webkit-text-fill-color: #7b7b7b; } .menu_box_wrapper form label{ font-weight: 500; font-size: .87rem; border-bottom: 1px solid #eee; padding-bottom: .5rem; } .menu_box_wrapper form button{background: #e64a4a;color: white;border: none;padding: 1rem 0;border-radius: 4px;margin-top: 1rem;box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35);-webkit-box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35);-moz-box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35);-ms-box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35);} .menu_box_wrapper form{ display: flex; flex-direction: column; color: black; width: 100%; height: 100%; } .menu_box_wrapper.active{ max-height: 450px !important; transition: max-height .55s ease-in; } .menu_box_wrapper{ z-index: 99999; position: relative; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; min-height: 160px; max-height: 160px; background: #ffffff; padding: 1rem 2rem; width: 500px; border-radius: 4px; -webkit-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.41); -moz-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.41); box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.41); overflow: hidden; } .menu_search_content.active{ height: 100%; transition: height .55s ease-in; } .menu_search_content{ height: 0; transition: height .35s ease-out; } .menu_search_content{ opacity: 0; } .menu_search_products{ margin-top: .5rem; border: 1px solid #eee; height: 100%; padding-right: 0; padding-left: 0; max-height: 250px; overflow: scroll; } .menu_search_product{ display: flex; justify-content: space-between; flex-direction: column; margin-bottom: .5rem; border-bottom: 1px solid #eee; padding: .5rem; } .menu_search_product_detail{ width: 100%; display: flex; justify-content: space-between; flex-direction: row; } .menu_search_product_img{ margin-right: 6px; } .menu_search_product_img img{height: 70px;border-radius: 4px;} .menu_search_product_title{} .menu_search_product_start{ display: flex; flex-direction: row; justify-content: flex-start; align-items: start; } .menu_search_product_title h2{ margin: 0; font-size: 1rem; margin-bottom: .5rem; } .menu_search_product_description{ width: 100%; font-size: .8rem; } .menu_search_product_buttons{} .menu_search_product_buttons_cart{} .menu_search_product_buttons_cart img{} .menu_search_content.active{opacity:1; transition:1.5s all ease} /* Sepet Başlangıç */ .w-100px { width: 150px; } .h-80 { height: 100px; } .position-relative { position: relative !important; } .background.background-h-100 { background-size: contain; } .background { position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; display: block; z-index: 0; top: 0; left: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; } .text-success { color: #28a745 !important; } .text-default { color: #f94620 !important; font-weight: 500; } sup { top: -.5em; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group-prepend { margin-right: -1px; } .input-group-prepend, .input-group-append { display: flex; } .btn-outline-default { border-color: #f94620; color: #f94620; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .btn.btn-sm, .btn-group-sm > .btn { font-size: 14px; padding: 0.25rem 1rem; font-weight: 500; line-height: 20px; } .w-50px { max-width: 50px !important; } .input-group-append .btn:last-child { border-radius: 0 50px 50px 0; } .input-group-prepend .btn:first-child { border-radius: 50px 0px 0 50px; } .cart_product_wrapper .card{border-radius:10px; box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.045), 0 0.1rem 0.3rem rgba(0, 0, 0, 0.045) !important; -moz-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.075) !important; -ms-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.075) !important; margin-bottom: 1.5rem !important;} .cart_product_wrapper .card .card-body { padding: 15px; } .input-group-append .btn:last-child { border-radius: 0 50px 50px 0; } .cart_product_wrapper .form-control { border-radius: 50px; } .btn{padding: 0.470rem 1.25rem; font-size: 14px; font-weight: 500;} .cart_product_wrapper .input-group > .form-control { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .cart_product_list{padding-top: 40px;} .flex-col{flex-direction: column} .justify-between{justify-content:space-between;} .flex{display:flex} .flex-row{flex-direction:row;} .items-start{align-items:flex-start} h6, .h6 { font-size: 1rem; } body.homepage{} .btn-default, .selectoption input[type="checkbox"]:checked + label { background-color: #f94620; color: #ffffff; } .default-shadow { box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35); -webkit-box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35); -moz-box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35); -ms-box-shadow: 0 3px 10px rgba(249, 70, 32, 0.35); } .btn.btn-lg, .btn-group-lg > .btn { font-size: 16px; padding: 0.5rem 1.725rem; font-weight: 500; line-height: 30px; } .default-shadow:hover { box-shadow: 0 2px 15px rgba(249, 70, 32, 0.65); -webkit-box-shadow: 0 2px 15px rgba(249, 70, 32, 0.65); -moz-box-shadow: 0 2px 15px rgba(249, 70, 32, 0.65); -ms-box-shadow: 0 2px 15px rgba(249, 70, 32, 0.65); } .btn-default:hover, .selectoption input[type="checkbox"]:checked + label:hover, .btn-default:focus, .selectoption input[type="checkbox"]:checked + label:focus { background-color: #e02c06; color: #ffffff; } .btn, .cart_product_wrapper .btn-group { border-radius: 50px; } .homepage_nav_buttons .col{padding:0 5px;} .homepage_nav_buttons{ display: flex; margin-bottom: 0 !important; } .col-xs-1 { width: 8.33333333%; } .col-xs-2 { width: 16.66666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333%; } .col-xs-5 { width: 41.66666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333333%; } .col-xs-8 { width: 66.66666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333%; } .col-xs-11 { width: 91.66666667%; } .col-xs-12 { width: 100%; } @media (max-width:210px) { .market_count{position:static;margin-left:.1rem;} .header .menu nav ul{ flex-direction:row; } .header .menu nav ul li{ width: 100% !important; max-width: 100% !important; } } @media (max-width:580px) { .slider > .swiper-container{ height: 300px; padding-top: 2rem; } .footer{ position: absolute !important; font-size: .75rem; font-weight: 500; bottom: 75px !important; } .swiper-container-toolbar{position:static;padding: 0;margin: 0;width: 100%;background: #f7f7f7;} .slider{ height: auto !important; } .slidertoolbar .slider-caption{ top: 0; padding-top: 3rem; } .swiper-button-prev{ left: 10px; bottom: 0; } .swiper-button-next{ right: 10px; bottom: 0; } .slider-caption p{ font-size: .75rem; font-weight: 400; line-height: normal; background: #0000009c; padding: .5rem; } .slider-caption h2{ font-size: 1.2rem; font-weight: 550; letter-spacing: 0; line-height: normal; margin-top: 1rem; margin-bottom: .2rem; } .black_theme.homepage .swiper-slide{background:#252731} .restaurant_status{ width: 100%; } } @media (max-width:381px) { .menu_search_product_title{margin-bottom:.5rem;} .menu_search_product_img{width:100%} .menu_search_product_img img{width:100%;height: auto;} .menu_search_product_start,.menu_search_product_detail{flex-direction:column;} .swiper-container-toolbar{position:static;padding: 0;margin: 0;width: 100%;} .slider{ height: auto; } .slidertoolbar .slider-caption{ top: 0; padding-top: 3rem; } .swiper-button-prev{ left: 10px; bottom: 0; } .swiper-button-next{ right: 10px; bottom: 0; top: inherit; } .slider-caption p{ font-size: .75rem; font-weight: 400; line-height: normal; background: #0000009c; padding: .5rem; } .slider-caption h2{ font-size: 1.2rem; font-weight: 550; letter-spacing: 0; line-height: normal; margin-top: 1rem; margin-bottom: .2rem; } .restaurant_status{ width: 100%; } .homepage_nav_buttons .col-xs-4{width:50%} } @media (max-width:280px) { .header .logo img{height: 16px;width:auto !important;max-height: inherit !important;} .header .logo{justify-content:center;text-align:center;display:flex;align-items:center;margin: .6rem 0;} .header{flex-direction:column;height:auto;padding-bottom:1rem;text-align: center;justify-content: center;align-items: center;} .homepage_nav_buttons{background:#f7f7f7;padding:.8rem;width: 100%;margin: 0;} .homepage_nav_buttons .col-xs-4{width:100%;margin-bottom: 1rem !important;} } .languageDropdownBtn{} .languageDropdownBtn .dropdown-item:last-child{border:none} .languageDropdownBtn .dropdown-item{ padding: .25rem 1rem !important; border-bottom: 1px solid #eee; } .languageDropdownBtn .dropdown-alpha-item__icon{ margin-right: 1rem; } .languageDropdownBtn .dropdown-alpha-item__icon img{ height: auto !important; width: 100% !important; max-height: inherit !important; } .languageDropdownBtn .dropdown-alpha-item__title{ font-size: .875rem; margin-top: 3px; } .languageDropdownBtn .dropdown-alpha-item__desc{ font-size: .75rem; color: #a5a5a5; } .body_wrapper{ padding-top: 0px !important; } .item_section{ width: 100% !important; max-width: 100% !important; top: 0; position: static !important; margin-top: 30px !important; margin-bottom: 20px; } body{position:relative} body{transition:.5s all ease} body.black_theme{transition:.5s all ease;background:#131218 !important;} body.black_theme :root{} #page_home.black_theme .item_section .item_section_header form .form-group{background:var(--secondary);color:var(--white);border-color:var(--secondary)} #page_home.black_theme .item_section .item_section_header form .form-group input{-webkit-text-fill-color: var(--white)} #page_home.black_theme .item_section .item_section_header .tab_btn_container .nav .nav-item{background:var(--secondary);color:var(--white);} .toggle_switch input[type="radio"], .toggle_switch input[type="checkbox"] { display: none; } .radio-container { /* margin-bottom: 10px; */ /* display: flex; */ position: relative; } .radio-container label { position: relative } .radio-container span::before, .radio-container span::after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto } .radio-container span.radio:hover { cursor: pointer } .radio-container span.radio::before { left: 0; width: 45px; height: 25px; background-color: #000000; border-radius: 50px; } .radio-container span.radio::after { left: 5px; width: 17px; height: 17px; border-radius: 10px; background-color: #53545f; transition: left .25s, background-color .25s; } input[type="checkbox"]:checked+label span.radio::after { left: 22px; background-color: #009946; } .radio-container span.checkbox::before { width: 27px; height: 27px; background-color: #fff; left: -35px; box-sizing: border-box; border: 3px solid transparent; transition: border-color .2s } .radio-container span.checkbox:hover::before { border: 3px solid #F0FF76 } .radio-container span.checkbox::after { content: '\f00c'; font-family: 'FontAwesome'; left: -31px; top: 2px; color: transparent; transition: color .2s } .toggle_switch{/* padding-left:60px; */} .toggle_switch input[type="checkbox"]:checked+label span.checkbox::after { color: #62AFFF } .black_theme .header{background:#262731;border-color:#262731} .black_theme img.black_menu{display:none} .black_theme img.white_menu{display:block} .product_details{padding:0 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;} .product_detail_title{color: #070707;text-align:center;font-size:1.5rem;font-weight:600;border-bottom: 1px solid #d4d4d4;width: auto;display: inline-block;margin: auto;margin-bottom: 1.5rem;padding-bottom: .3rem;} .product_img_gallery{width: 50%;display:flex;justify-content: center;align-items:center;margin:auto;position: relative;height: auto;flex-direction: column;margin-bottom: 2rem;/* overflow: hidden; */} .product_img_gallery img{border-radius:8px} a.back-link{color:#070707;padding-left:30px;} .black_theme a.back-link{color:white;} .product_link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1049; } .proudct_detail_price{ font-size: 1.4rem; color: #dbede0; position: absolute; background: #009946; width: 99px; height: 42px; top: 0; right: 0; z-index: 1038; border-radius: 4px 0px 0px 4px; display: flex; justify-content: center; align-items: center; } .black_theme .product_detail_description{ background: #252731; } .product_detail_description{ display: block; text-align: left; width: 100%; margin: auto; background: #eaeaea; padding: 1.5rem; border-radius: 4px; margin-top: 1rem; } .black_theme .product_details p,.black_theme .product_details h3{color:white} .product_details h3{font-weight: 600;color: #070707;font-size: 1rem;margin: 1rem 0;} .product_details p{color: #070707;text-align:center;font-size: .75rem;font-weight: 400;width: auto;display: inline-block;margin: auto;margin-bottom: .5rem;text-align: left;} div.product_details form select{width:100% !important;font-weight: 400 !important;font-size: .87rem !important;padding-right: 6.5rem !important;-webkit-appearance: none;-moz-appearance: none;background: transparent !important;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;background-repeat: no-repeat !important;background-position-x: 98% !important;background-position-y: 7px !important;border: 1px solid #d6d6d6 !important;background-color: white !important;-webkit-text-fill-color: black !important;} .w-fullx{width:100%} .input-group-btn button{height:100%} .input-group input{border:none !important;} .black_theme .product_details label{color:white} .product_details label{margin-bottom:.5rem} .form-group_child{padding:0 2rem;display:flex;justify-content:flex-start;align-items:center;} .product_details input[type="checkbox"]{} label.custom-control-label{margin-bottom:0;} .custom-control-input:checked~.custom-control-label::before{ display:flex;justify-content: center;align-items:center;font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\f26b';} div.product_details form textarea{ min-height: 170px !important; border-radius: 4px !important; padding: .5rem .6rem !important; font-size: .87rem !important; border: 1px solid #d6d6d6 !important; background-color: white !important; } .black_theme .product_details textarea{ background: var(--white) !important; border-radius: 4px; -webkit-text-fill-color: black; } .black_theme .product_detail_title{color:white;border-bottom:1px solid #515152} .black_theme .product_details select{-webkit-text-fill-color: black;background-color: white !important;color: black !important;/* text-indent: -8px; */} .product_details form{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;width: 100%;} #iframeModal .modal-dialog { max-width: 90%; width: 90%; height: 80%; padding: 0; top: calc(5% + 60px); overflow: hidden; left: calc(5%); margin: 0; } #iframeModal .modal-content{ height: 100%; background: black; border: none; padding-bottom: 1rem; } #iframeModal .modal-content .modal-body{ padding: .8rem; } #iframeModal .modal-content .modal-body iframe{ padding-bottom: 1.5rem; } #iframeModal .modal-content .modal-body .embed-responsive{ height: 100%; } #iframeModal .modal-content .close-button button{color:white;opacity: 1;margin-bottom: .5rem;} .black_theme .site_wrapper{ background: #1d1d25; } .black_theme .cart_product_wrapper .card,.black_theme .card .list-group-item{ background: #262731; color:white; } .urun_tabs .nav-pills .nav-item:last-child .nav-link.active{ border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .black-theme .urun_tabs .nav-link{color: #505050;background: #eaeaea;} .urun_tabs .nav-pills .nav-item:first-child .nav-link.active{ border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .urun_tabs .tab-content{ /* width: 100%; */ /* display: inline-block; */ } .urun_tabs .nav-link{color: #ffffff;background: #2f323e;border-radius: 0;} .urun_tabs .nav-pills{} .cart_section_title{ display: flex; flex-direction: row; height: 50px; background: #262731; width: 100%; color: white; margin-bottom: 1.5rem; padding: 0 1rem; border-left: 17px solid #009946; justify-content: flex-start; align-items: center; font-weight: 500; border-radius: 4px; } .black_icon{display:block} .white_icon{display:none} .black_theme .white_icon{display:block;height: 30px;} .black_theme .black_icon{display:none} .qrcode_button{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-radius: 6px; background: white !important; color: black !important; } .qrcode_button img{ margin-right: 10px; height: 20px; width: 20px; } .black_theme .standart_label{color:white} .standart_label{color:black} .about_text h3{margin-bottom:1rem;font-weight:600} .about_text p{margin-bottom:1rem} /* body{transition:.5s all ease} body.black_theme *{transition:.5s all ease} */ .layout_fullwidth_padding { width: 90%; margin: 0 5%; } ul.responsive_table { width: 100%; float: left; clear: both; margin: 0 0 10px 0; padding: 0px; list-style: none; } ul.responsive_table li:first-child { background-color: #bfbfbf; color: #222222; } li.table_row { width: 100%; float: left; clear: both; line-height: 30px; padding: 0px; list-style: none; margin: 0 0 1px 0; background-color: #f5f5f4; display: flex; justify-content: flex-start; align-items: center; } .table_section_small { width: 14%; float: left; padding: 0 0 0 2%; } .table_section_small img { display: block; max-width: 100%; } .table_section { width: 40%; float: left; padding: 0 0 0 2%; } .black_theme li.table_row:first-child{background: #272838;color: white;} .black_theme li.table_row{ background: #262731; color: white; } .menu_large{ position: fixed; width: 100%; height: 100%;display:none; z-index: 2000; /* background: black; */ top: 0; left: 0; overflow: hidden; } .menu_large_bg{ width: 100%; background: black; opacity: .6; height: 100%; z-index: 1096; position: absolute; } .menu_large_content{width: 70%;background: #000;z-index: 1100;position: relative;height: 100%;display: flex;justify-content: flex-start;align-items: start;flex-direction: column;padding: 1rem 1rem;} .menu_large_content ul{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 1rem 0rem; } .menu_large_content ul li{ width: 100%; display: flex; flex-direction: column; color: white; } .menu_large_content ul li a {color: white;display: flex;justify-content: flex-start;align-items: center;flex-direction: row;text-decoration: none !important;padding: .6rem 0;border-bottom: 1px solid #eeeeee61;} .menu_large_content ul li a img{ height: 26px; width: 26px; object-fit: contain; } .menu_large_content ul li a span{ margin-left: .5rem; font-weight: 500; font-size: .9rem; } .menu_large_close{ width: 100%; justify-content: flex-end; align-items: center; display: flex; margin-bottom: 1rem; padding-right: .5rem; } .menu_large_close i{ color: white; font-size: 1.2rem; } #item_tab .nav-item{} .tab_btn_container{ overflow: auto; width: 100%; display: flex; max-width: 100%; height: auto; flex-wrap: wrap; } .tab_btn_container #item_tab{ max-width: inherit; min-width: auto; width: auto; display: flex; flex-wrap: nowrap; /* overflow:auto */ } .homepage .slider{ height: 100vh; position: relative; } .homepage .footer{position: absolute;bottom: 0;width: 100%;left: 0;z-index: 9999;} .footer > .container{display: flex;justify-content: center;align-items:center;height: 50px;padding: 0;} .footer{background: #252731;color: white;display: flex;justify-content: center;align-items: center;width: 100%;text-align: center;height: 50px;position: absolute;bottom: 0;} .cart_product_wrapper{margin-bottom:20px} .cart_success_response .flex{justify-content:center;align-items:center;} .cart_success_response{ width: 100%; display: flex; justify-content: space-between; /* background: white; */ color: white; align-items: center; } .cart_product_image{} .cart_product_image img{ max-height: 300px; margin: auto; object-fit: cover; } @media (max-width:720px){ .tab_btn_container{ height: 130px; } .favorite_product_box .center_img img{ max-height: inherit !important; min-height: 170px !important; } .product_img_gallery{width:100%;height:auto} } @media (max-width: 580px) { .author-img{width:60px !important;height:60px !important} .instagram_title{display:none} .instagram_wrapper{width: 90% !important;margin: auto;} .duyuru_wrapper{width: 90% !important;margin: auto;} .mobil_menu{display: flex !important;} .site_wrapper{padding-bottom: 125px !important;min-height: 100vh;height: auto !important;} .mobil_menu li{ /* text-align: center; */ display: flex; justify-content: center; align-items: end; } .mobil_menu li a { position: relative; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; color: black; text-align: center; } .mobil_menu li a span{ margin-top: 5px; font-weight: 500; text-align: center; font-size: .80rem; } .mobil_menu li a .market_count{ right: -11px; top: -7px; margin: 0; font-weight: 400; } .black_theme .mobil_menu li a img.white_menu{display:block} .mobil_menu li a img.white_menu{display:none} .mobil_menu li a img{height: 24px;object-fit: contain;width: 24px;} .black_theme .swiper-container-toolbar { background: #252731; } .black_theme .mobil_menu li a{color:white} .black_theme .restaurant_status a span{background: #1c1c1c} .only_desktop{display:none} } .black_theme .mobil_menu{background:#313546;border-top: 1px solid #292f4c;} .mobil_menu{ background: #fff; padding: 0 .5rem; position: fixed; bottom: 0; width: 100%; z-index: 9999; height: 75px; display: none; flex-direction: column; width: 100%; justify-content: center; border-top: 1px solid #eee; } .favorite_product_box{position: relative;overflow: hidden;border-radius: 15px;width: 100%;height: auto;margin-bottom: 2rem;} .favorite_product_box .item_img{ width: 100%; height: 100%; } .favorite_product_box .center_img { position: relative; overflow: hidden; } .favorite_product_box .center_img img { position: static !important; width: 100% !important; height: auto !important; top: inherit !important; bottom: 0 !important; left: -50% !important; right: -50% !important; margin: auto !important; object-fit: cover !important; max-height: 400px; min-height: 350px; } .favorite_product_box .center_img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--bg-color); opacity: .3; } .favorite_product_box .text_box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: var(--white); padding: 12px 12px; z-index: 99; display: flex; justify-content: flex-start; align-items: start; flex-direction: column; } .favorite_product_box .text_box h2 { margin: 0; font-size: 1.1rem; font-weight: 550; padding-bottom: 5px; } .favorite_product_box .text_box h3 { margin: 0; font-weight: 400; font-size: .9rem; text-align: left; } .favorite_products{padding:2rem 0;display: flex;width: 100%;} .favorite_products h3{display: flex;justify-content: center;align-items: center;margin-bottom: 1.5rem;padding-bottom: .5rem;font-size: 1.4rem;border-bottom: 1px solid #eee;} .homepage_nav_buttons{background: transparent;} .black_theme .homepage_nav_buttons{background: transparent;} .black_theme .favorite_products{} .black_theme .favorite_products h3{color:white} /* List Products Item */ .list_products{ margin: 1rem 0; width: 100%; } .list_products_title{ display: flex; width: 100%; font-weight: 550; font-size: 1.1rem; padding: 0 15px; margin: 1rem 0; } .list_products .row{ margin: 0; margin-bottom: 2rem !important; } .list_product_item:last-child{margin-bottom:0} .list_product_item{ color: #4a4a4a; display: flex; background-color: #fff; border: 1px solid #dfe1e5; border-radius: 8px; box-shadow: none; padding: 1.2rem; background-repeat: no-repeat; background-position: 5px; background-size: 84px auto; padding-left: 94px; justify-content: space-between; align-items: center; width: 100%; flex-direction: row-reverse; margin-bottom: 1rem; } .list_product_right{ display: flex; justify-content: flex-start; align-items: center; flex-direction: row-reverse; } .list_product_right .list_product_cart{ /* float: right; */ } .list_product_right .list_product_cart svg{ font-size: 2em; width: .875em; overflow: visible; vertical-align: -.125em; height: 1em; } .list_product_right .list_product_price{ padding-right: 15px; padding-top: 4px; font-size: 1rem; } .list_product_right .list_product_price .list_product_price_type{ color: #b5b5b5!important; font-size: .75rem!important; } .list_product_name{ display: flex; flex-direction: column; justify-content: flex-start; align-items: start; } .list_product_name b{ font-weight: 550; } .list_product_name small{ font-size: .875em; } .black_theme .list_product_item { background-color: #252731; border-color: #2e303c; color: white; } .cart_product .btn-outline-success{ border-color: var(--bg-color) !important; } .cart_product .increasenumber input{border: 1px solid #eee !important;} .duyuru_alan .container,.duyuru_alan .container-fluid{ display: flex; justify-content: center; align-items: center; text-align: center; } .black_theme .duyuru_alan{background:#21232f} .duyuru_alan{ display: flex; width: 100%; justify-content: center; align-items: center; background: white; padding: 2rem 0; flex-wrap: wrap; flex-direction: column; } .black_theme .duyuru_wrapper .swiper-container .duyuru_item h2,.black_theme .duyuru_wrapper .swiper-container .duyuru_item p{color:white} .black_theme .duyuru_wrapper{ background: #2a2c38; box-shadow: 1px 2px 2.2px rgb(0 0 0 / 7%); } .duyuru_wrapper{ display: inline-flex; justify-content: center; align-items: center; border-radius: 10px; text-align: center; box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.13); background: white; width: 95%; } .duyuru_wrapper .swiper-container{ width: 100%; } .duyuru_wrapper .swiper-container .swiper-wrapper{ width: 100%; } .duyuru_wrapper .swiper-container .duyuru_item p{color: #000000ab;font-size: .86rem;margin-bottom: 1.5rem;} .duyuru_wrapper .swiper-container .duyuru_item h2{ font-size: 1.2rem; font-weight: 700; color: #252731; margin-bottom: .5rem; margin-top: 1.5rem; } .duyuru_wrapper .swiper-container .duyuru_item{ display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; width: 100%; } .instagram_alan .container,.instagram_alan .container-fluid{ display: flex; justify-content: center; align-items: center; text-align: center; } .black_theme .instagram_alan{background:#21232f} .instagram_alan{ display: flex; width: 100%; justify-content: center; align-items: center; background: white; padding: 2rem 0; flex-wrap: wrap; flex-direction: column; } .black_theme .instagram_wrapper .swiper-container .instagram_item h2,.black_theme .instagram_wrapper .swiper-container .instagram_item p{color:white} .black_theme .instagram_wrapper{ background: #2a2c38; box-shadow: 1px 2px 2.2px rgb(0 0 0 / 7%); } .instagram_wrapper{ background: white; box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.13); } .instagram_wrapper { width: 100%; } .instagram_wrapper { width: 100%; overflow: hidden; overflow: hidden; background-color: #ffffff; width: 95%; margin: 0 auto 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px 15px; display: block; } .instagram_wrapper .instagram_item p{color: #000000ab;font-size: .86rem;margin-bottom: 1.5rem;} .instagram_wrapper .instagram_item h2{ font-size: .85rem; font-weight: 300; color: #252731; margin-bottom: 0; margin-top: .5rem; } .instagram_wrapper .instagram_item{ padding: 0px 0px; text-align: center; } .instagram_wrapper .instagram_item .instagram_photo{} .instagram_wrapper .instagram_item .instagram_photo a{margin: 0 auto;width: 50px;height: 50px;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;overflow: hidden;padding: 2px;border: 2px solid #00b79e;display: block;} .instagram_wrapper .instagram_item .instagram_photo img{width: 100%;height: 100%;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;max-height: 100%;} .instagram_follow_link{ margin-bottom: 2rem; font-size: 1.2rem; color: #252731; font-weight: 600; border-bottom: 1px solid #eee; padding-bottom: 4px; display: inline-block; } .instagram_follow_link i{} .black_theme .instagram_follow_link{ color: white; } .instagram_wrapper .instagram_item instagram_title h2{} /*---------- Homepage Author ----------*/ .slick-track { margin-bottom: 10px; } .slick-dotted.slick-slider { margin-bottom: 20px; } .author-box { padding: 0px 0px; text-align: center; } .author-img { margin: 0 auto; width: 80px; height: 80px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; overflow: hidden; padding: 2px; border: 2px solid #00b79e; box-sizing: border-box; text-align: center; } .author-img img { width: 100%; height: 100%; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; } .author-name { margin: 5px auto 0px; line-height: 1.2; font-size: 12px; padding: 0px 5px; } .fancybox-lock .fancybox-overlay{z-index:9999} .slick-arrow{display:none !important;} .black_theme .slick-dots li button:before{color:white !important;} .black_theme .author-name{color:white !important;}
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula