mirror of
https://github.com/Llloooggg/Jarvis.git
synced 2026-03-06 03:56:23 +03:00
Добавил выпадающее меню, исправил поля ввода
This commit is contained in:
@@ -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%;
|
||||
}
|
||||
Reference in New Issue
Block a user