html{
}
body{
background-image: url(../img/background.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fix_bottom{
background-color: white;
z-index: 100;
position: fixed;
bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
}
.bgMyWhite{
background-color: rgba(81,20,120,1);
}
.ihsTop h1{
margin-bottom: 0;
color: white;
font-size: 13px;
font-weight: 700;
}
.my-table{
border-radius: 0px
background-color: rgba(255, 255, 255, 0.16862745098039217);
}
.my-table tr td {
border:1px solid rgba(255, 255, 255, 0.16862745098039217);
}
.my-table tr td button, input{
padding: 30px;
width: 100%;
cursor: pointer;
background-color: transparent;
outline: 0;
border: 0px;
}
.my-table tr td input{
background-color: transparent;
border: 0px !important;
caret-color: white;
font-size: 23px;
color: white;
outline: 0 !important;
}
.my-table tr td input::placeholder{
color: rgba(255, 255, 255, 0.6);
}
.my-table tr td button{
transition: .33s all;
font-weight: 700;
font-size: 17px;
color: rgba(255, 255, 255, 0.6);
}
.my-table tr td button:Active{
transition: .3s all;
background: #f4c4f3; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fc67fa, #f4c4f3); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fc67fa, #f4c4f3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.log-in-button{
background-color: rgba(0, 0, 0, 0.17);
width: 100%;
cursor: pointer;
padding: 25px;
color: white;
outline: 0px !important;
border: 0px;
font-weight: 700;
margin-top: 20px;
}
.log-in-button:active{
box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.2784313725490196)
}
.top-list-button button{
background-color: transparent;
outline: 0px;
cursor: pointer;
font-size: 13px;
padding: 10px;
margin: 5px;
border: 1px solid rgba(255, 255, 255, 0.16862745098039217);
color: white;
caret-color: white;
font-weight: 500;
}
.top-list-button button:Active{
color: rgb(81, 20, 120);
transition: .3s all;
background: #f4c4f3; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fc67fa, #f4c4f3); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fc67fa, #f4c4f3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
@media only screen and (max-width: 992px) {
.ihsTop h1 {
margin-bottom: 5px;
text-align: center;
}
}
.top-list-middle ul li a{
color: white;
}
.top-list-middle .nav-tabs .nav-link{
border-radius: 0rem;
}
.top-list-middle .nav-tabs .nav-link:hover, .top-list-middle .nav-tabs .nav-link:focus{
border-color: rgba(233, 236, 239, 0.2);
}
.top-list-middle .nav-tabs {
border-bottom: 1px solid rgba(233, 236, 239, 0.2);
}
.top-list-middle .nav-tabs .nav-link.active, .top-list-middle .nav-tabs .nav-item.show .nav-link{
color: rgb(81, 20, 120);
font-weight: 600;
border-color: rgba(233, 236, 239, 0.2);
background: #f4c4f3; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, rgba(252, 103, 250, 0.38823529411764707), rgba(244, 196, 243, 0.49));
background: linear-gradient(to right, rgba(252, 103, 250, 0.38823529411764707), rgba(244, 196, 243, 0.49));
}
.masa{
margin: 10px;
position: relative;
}
.masa-bos{
background: #11998e; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #38ef7d, #11998e); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.masa-rezervasyon{
background: #8E2DE2; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #4A00E0, #8E2DE2); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.masa-dolu{
background: #FDC830; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F37335, #FDC830); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.masa-sayi{
font-size: 45px;
position: relative;
z-index: 1;
text-align: center;
font-weight: 700;
color: white;
}
.masa-out{
position: relative;
float: left;
background-color: transparent;
border:none;
}
.urunler{
background-color: rgba(255, 255, 255, 0.14);
padding: 10px;
overflow-y: auto;
max-height: 500px;
}
.urun{
margin-bottom: 5px;
font-size: 20px;
padding: 20px;
color: white;
border:1px solid rgba(255, 255, 255, 0.14);
cursor: pointer;
text-transform: uppercase;
font-weight: 600;
transition: 0.3s all;
}
.urun:hover{
transition: 0.3s all;
background-color: rgba(255, 255, 255, 0.14);
}
.urun p{
margin-top: 0px;
margin-bottom: 0px;
}
.toplam-fiyat{
margin-top: 10px;
color: whitesmoke;
font-size: 20px;
padding: 20px;
background-color: #0000001f;
text-transform: uppercase;
font-weight: 600;
}
.toplam-fiyat p{
margin-top: 0px;
margin-bottom: 0px;
padding-right: 10px;
}
.urun-diz{
margin-bottom: 5px;
font-size: 17px;
padding: 20px;
color: #ff00a5;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.14);
color: white;
text-transform: uppercase;
font-weight: 600;
transition: 0.3s all;
}
.urun-diz:hover{
transition: 0.3s all;
background-color: rgba(0, 0, 0, 0.05)
}
.urun-diz p{
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
}
.urun-dizili{
margin-top: 7px;
overflow-x: auto;
max-height: 630px;
}
.btn-my{
margin-top: 90px;
width: 25%;
margin: 5px;
color: blakc;
font-weight: 700;
}
/* width */
::-webkit-scrollbar {
width: 10px;
height:10px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #511478;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000;
}