Web-programming_Petrushin_E.../Lab2/PrBookfill/css/style.css
2023-11-09 15:45:06 +04:00

109 lines
1.9 KiB
CSS

@import url("/fonts/style.css");
@font-face {
font-family: "ITCErasStd-Bold";
src: url('/fonts/ITCErasStd-Bold.woff2') format('woff2'),
url('/fonts/ITCErasStd-Bold.woff') format('woff');
font-style: normal;
font-weight: 400;
}
header{
width: 100%;
background: #c03000;
height: 70px;
border-radius: 4% / 60%;
}
.logo {
height: 45px;
width: auto;
}
.logos {
height: 100px;
width: auto;
}
.navbar-nav{
font-family: "ITCErasStd-Bold";
font-size: 25px;
align-items: center;
}
.nav-link {
text-decoration: none;
color: white;
}
.nav-link:hover {
text-decoration: none;
color: white;
}
.btn.btn-outline-success {
border-color: rgba(255, 0, 0, 0);
color: white;
background-color: rgba(255, 0, 0, 0);
}
#profile {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: white;
}
.carousel {
width: 80%;
background: #c03000;
height: 400px;
border-radius: 17% / 60%;
}
#small-car{
width: 80%;
background: #c03000;
height: 250px;
border-radius: 10% / 60%;
}
#big-search {
width: 80%;
background: white;
height: 600px;
border-radius: 10% / 60%;
}
#reg-back{
width: 60%;
background: #c03000;
height: 400px;
border-radius: 10% / 60%;
}
.footer {
background-color: #c03000;
}
.scroll-panel-search {
height: 100px;
background-color: white;
overflow-y: scroll;
}
#navbarSupportedContent{
background-color: #c03000;
position: sticky;
top: 0;
z-index: 100;
}
.collapse{
background-color: #c03000;
}
#subut{
background-color: #c03000;
}
#el_car{
max-width: 200px;
overflow: hidden;
}
#tabel_car{
max-width: 100px;
}
.scroll-panel-favour {
height: 400px;
background-color: white;
overflow-y: scroll;
}
@media(max-width: 400px){
.logo{
height: 30px;
}
}