This commit is contained in:
Lieu Le 2019-09-17 11:32:01 +07:00
parent f872b4f79a
commit 10409bae70
2 changed files with 142 additions and 0 deletions

View File

@ -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;

View File

@ -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;
}
}
}
}