Добавил выпадающее меню, исправил поля ввода

This commit is contained in:
Pro100ser
2020-03-15 15:01:43 +03:00
parent f12671df12
commit b5fdd46361
3 changed files with 125 additions and 57 deletions

View File

@@ -4,7 +4,7 @@
background: #131415;
height: 75px;
}
.header_left, .header_right {
.header_left, .header_right, .header_center {
float: left;
width: 50%;
}
@@ -13,8 +13,8 @@
}
.header_right {
text-align: right;
/* margin-top: 12px; */
padding-top: 20px;
/* margin-top: 12px;
padding-top: 12px; */
}
.header_center{
text-align: center;
@@ -75,11 +75,22 @@
.nav-menu__link:hover .not_none {
display: none;
}
.nav-menu__text {
font-size: 12px;
color: white;
text-transform: uppercase;
}
.active .nav-menu__text{
color: #f89513;
}
.active .none{
display: inline-block;
}
.active .not_none{
display: none;
}
.contacts {
display: inline-block;
}
@@ -89,6 +100,72 @@
color: white;
display: block;
}
.contacts__schedule {
font-size: 14px;
color: #c77814;
opacity: .7;
display: block;
padding: 27px 0;
}
/* выпадашка */
.drop {
position: relative;
}
.drop:hover .dropdown {
left: -167px;
background: #afadab;
padding-top: 0px;
border-radius: 9px;
}
.drop:hover .contacts__schedule {
color: #b9b9b9;
}
.dropdown {
position: absolute;
left: -9999px;
}
.drop-block {
z-index: 20;
border-radius: 10px;
border: 1px ;
box-shadow: 0px 0px 10px 0px rgba(23, 59, 117, 0.55); /* гардиент бордера */
position: relative;
padding: 18px 0;
background: #565454d6;
}
.triangle {
width: 25px;
height: 25px;
border-bottom: 1px ;
border-right: 1px ;
box-shadow: -7px -8px 6px -6px rgba(23, 59, 117, 0.55);
position: absolute;
transform: rotate(45deg);
left: 84%;
bottom: 92%;
background: #646261;
}
.drop-block p {
font-family: 'OpenSans';
font-weight: 300;
font-size: 14px;
color : #ffffff;
margin: 0;
text-align: center;
margin-bottom: 8px;
}
.drop-block b {
font-family: 'OpenSans';
font-weight: bold;
font-size: 14px;
color : #fff;
display: block;
margin: 0 auto;
text-align: center;
}
.contacts__schedule {
font-size: 14px;
color: #c77814;
@@ -101,6 +178,7 @@
float: left;
width: 190px;
margin-right: 15px;
margin-left: 15px;
}
.form__input-text-mod{
width: 100%;
@@ -126,7 +204,6 @@
.header_btn {
padding: 10px 13px;
display: block;
text-align: center;
border-radius: 5px;
font-size: 12px;
@@ -139,8 +216,18 @@
background: #f89513;
border: 0;
cursor: pointer;
margin: -2 auto;
margin-right: 15px;
}
.header_btn:hover {
background: #834c05;
}
/* выпадашка в регистрации */
.drop:hover .dropdown_mod {
left: -80px;
}
.triangle_mod {
left: 81%;
bottom: 88%;
}