Internet_Programmirovanie_Y.../Lab2/main.css

113 lines
2.2 KiB
CSS
Raw Normal View History

2023-11-07 13:26:39 +04:00
.pageBackground{
background-image: url('img/Main1.jpg');
background-attachment: fixed;
height: auto;
}
body {
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
margin-top: 70px;
}
.back{
background-color: #eff0f2
}
.razdel1{
width: 45%; min-width: 320px ;height: fit-content; background-color: rgba(236,247,230,0.8); padding:2%; border-radius: 20px;
}
.razdel2{
width: 30%; min-width: 320px ;height: fit-content; background-color: rgba(236,247,230,0.8); padding:2%; border-radius: 20px;
}
.razdel3{
width: 70%; min-width: 320px ;height: fit-content; background-color: rgba(236,247,230,0.8); padding:2%; border-radius: 20px;
}
.razdel4contain{width: 70%; min-width: 320px; height: 500px; background-color: rgba(236,247,230,0.8); border-radius: 20px;}
.razdel4reviews{height: fit-content; width: fit-content; background-color: #d9d9d9; border-radius: 20px;}
h3{
font-weight: bolder !important;
font-size: 20px !important;
color: #000000 !important;
}
h1{
font-weight: 600 !important;
font-size: 18px !important;
color: #000000 !important;
}
h7{
font-weight: 600 !important;
font-size: 22px !important;
color: #000000 !important;
}
h2,h4,h5,h6 {
font-weight: 600 !important;
font-size: 20px !important;
color: #000000 !important;
}
p{
font-size: 14px !important;
line-height: 28px;
margin-bottom: 25px;
word-spacing: 10px;
}
.centered{
text-align: center;
}
a:hover, a:focus{
color: #7b7b7b;
text-decoration: none;
outline: 0;
}
hr{
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.navbar{
font-weight: 800;
font-size: 14px;
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-inverse{
background: #2d2d2d;
border-color: #2d2d2d;
}
.navbar-inverse .navbar-nav > .active > a{
background-color: #ff7878;
}
.navbar-inverse .navbar-brand{
color: #999;
font-weight: bolder;
font-size: 22px;
letter-spacing: 1px;
}
.Navbar{
color: #184fbd !important;
}
.footer-style{
position: sticky !important;
top: 100px !important;
background-color: #184fbd !important;
}
f{
font-size: 8px;
color: #ffffff;
}
.map{
display: flex !important;
align-items: center !important;
justify-content: center !important;
}