update
This commit is contained in:
parent
f872b4f79a
commit
10409bae70
@ -2107,6 +2107,68 @@ button.opal-collapse-button {
|
||||
.select2-container .select2-dropdown {
|
||||
border-color: #ebebeb; }
|
||||
|
||||
.opalestate-search-form--collapse-advanced {
|
||||
background-color: transparent !important; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-top {
|
||||
text-align: center;
|
||||
border: 0; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-top .list-inline {
|
||||
justify-content: center; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item {
|
||||
padding: 10px 15px;
|
||||
background-color: rgba(118, 124, 145, 0.4);
|
||||
border: 1px solid #79869d;
|
||||
color: #FFF;
|
||||
font-weight: 600;
|
||||
margin-right: 10px; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item:hover, .opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item.active {
|
||||
background-color: #FFF;
|
||||
border-color: #FFF;
|
||||
color: #2f73e9; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item:hover:after, .opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item.active:after {
|
||||
display: none; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main {
|
||||
background-color: #FFF;
|
||||
margin-bottom: 20px; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field {
|
||||
display: inline-block; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--city-text,
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--types,
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--categories {
|
||||
width: 24%; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--collapse {
|
||||
width: 6%; }
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--submit {
|
||||
padding-left: 10px;
|
||||
width: 18%; }
|
||||
@media (max-width: 767px) {
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--types,
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--categories,
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--collapse,
|
||||
.opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--submit {
|
||||
width: 100%;
|
||||
padding: 0 0 30px; } }
|
||||
.opalestate-search-form--collapse-advanced > .opal-collapse-container {
|
||||
background: #FFF;
|
||||
padding: 30px;
|
||||
position: absolute;
|
||||
z-index: 9; }
|
||||
.opalestate-search-form--collapse-advanced > .opal-collapse-container::before {
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
content: "";
|
||||
z-index: 2;
|
||||
transform: translateX(-50%);
|
||||
right: 22%;
|
||||
top: -10px;
|
||||
border-bottom: 12px solid white;
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent; }
|
||||
@media (max-width: 767px) {
|
||||
.opalestate-search-form--collapse-advanced > .opal-collapse-container::before {
|
||||
display: none; } }
|
||||
|
||||
.property-options {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
|
@ -485,5 +485,85 @@ button.opal-collapse-button{
|
||||
}
|
||||
}
|
||||
|
||||
.opalestate-search-form--collapse-advanced {
|
||||
background-color: transparent !important;
|
||||
.searchbox-top {
|
||||
text-align: center;
|
||||
border:0;
|
||||
.list-inline {
|
||||
justify-content: center;
|
||||
.status-item {
|
||||
padding: 10px 15px;
|
||||
background-color: rgba(118,124,145,0.4);
|
||||
border: 1px solid #79869d;
|
||||
color:$white;
|
||||
font-weight: 600;
|
||||
margin-right: 10px;
|
||||
&:hover,
|
||||
&.active {
|
||||
background-color: $white;
|
||||
border-color:$white;
|
||||
color: $primary;
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.searchbox-main {
|
||||
background-color: $white;
|
||||
margin-bottom: 20px;
|
||||
.searchbox-field {
|
||||
display: inline-block;
|
||||
}
|
||||
.searchbox-field--city-text,
|
||||
.searchbox-field--types,
|
||||
.searchbox-field--categories {
|
||||
width: 24%;
|
||||
}
|
||||
.searchbox-field--collapse {
|
||||
width: 6%;
|
||||
}
|
||||
.searchbox-field--submit {
|
||||
padding-left:10px;
|
||||
width: 18%;
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
.searchbox-field--types,
|
||||
.searchbox-field--categories,
|
||||
.searchbox-field--collapse,
|
||||
.searchbox-field--submit{
|
||||
width: 100%;
|
||||
padding:0 0 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .opal-collapse-container {
|
||||
background: $white;
|
||||
padding: $grid-gutter-width;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
&::before {
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
content: "";
|
||||
z-index: 2;
|
||||
transform: translateX(-50%);
|
||||
right: 22%;
|
||||
top: -10px;
|
||||
border-bottom: 12px solid rgb(255, 255, 255);
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user